Notion (노션) 페이지에서 코드 블록을 만들어 코드를 표시하여 나머지 콘텐츠와 분리되고 언어별로 형식을 지정할 수 있습니다. 다양한 프로그래밍 언어에 적합한 구문 색상을 지원합니다. 예를 들어 JavaScript를 표시하는 코드 블록은 다음과 같습니다:

for (i = 0; i < 5; i++) {
  text += "The number is " + 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

클립 보드에 코드 복사