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

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

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

코드 블록 추가

• 새 줄 위로 마우스를 가져가면 왼쪽에 나타나는 + 아이콘을 클릭합니다. 나타나는 메뉴에서 코드를 선택한 다음 enter 키를 누릅니다. 또는, /코드를 입력하고 enter 키를 누릅니다.
• 코드 블록을 만든 후, 해당 블록의 내부를 클릭하여 코드를 입력하거나 원하는 코드를 붙여 넣습니다.

코드 블록 정렬

• 끌어놓기를 사용하여 코드 블록을 페이지의 원하는 곳으로 이동합니다. 블록 위로 마우스를 가져간 다음 ⋮⋮ 아이콘을 손잡이처럼 사용하여 블록을 끌어 놓습니다.
• 코드 블록을 끌어 놓아 열을 생성할 수도 있습니다.

코드 래핑

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

• 코드 블록 위로 마우스를 가져간 뒤 오른쪽 상단의 ••• 아이콘이나 왼쪽에 있는 ⋮⋮ 아이콘을 클릭합니다. 코드 블록 위에 마우스를 대고 오른쪽 버튼을 클릭할 수도 있습니다.
• 코드 래핑 옵션을 켭니다.

클립보드에 코드 복사