Notion의 모든 페이지에서는 코드 블록을 생성함으로써 코드를 나머지 콘텐츠와 분리하고 프로그래밍 언어별로 서식을 지정할 수 있습니다. 이 코드 블록은 여러 프로그래밍 언어의 구문을 색상으로 구분하는 기능을 지원합니다. 예를 들어, 코드 블록에 JavaScript의 언어를 다음과 같이 입력할 수 있습니다.

for (i = 0; i < 5; i++) {
  text += "숫자는 " + i + "<br>";
}

코드 블록은 프로그래밍 개념을 설명하거나, 다른 개발자와 코드를 공유하거나, 고유한 코드 스니펫 라이브러리를 유지·관리하는 데 유용합니다. 또한, 이 기능을 이용해 많은 양의 코드를 클립보드에 간편하게 복사한 뒤 원하는 곳에서 사용할 수 있습니다.

코드 블록 추가

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d0447b3-5547-49cd-a8aa-176c6581b423/notion-code_blocks-add_a_code_block.gif

코드 블록 정렬

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dd133d23-cf62-4065-b234-a43fb265be16/notion-code_blocks-arrange_code_blocks.gif

코드 래핑

다음의 방법으로 좌우스크롤을 사용할 필요 없이 모든 코드가 블록에 들어맞도록 코드를 래핑할 수 있습니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/713273cb-6eec-489e-b190-ac74170b4972/notion-code_block-wrap_code.jpg

클립보드에 코드 복사