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

for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

코드 블록은 프로그래밍 개념을 설명하거나 다른 개발자와 코드를 공유하거나 고유한 코드 스니펫 라이브러리를 유지 관리하는 데 유용합니다. 또한 다른 곳에서 사용하기 위해 많은 양의 코드를 클립 보드에 복사하는 것이 매우 쉽습니다.

코드 블록 추가

• 새 줄 위로 마우스를 가져 가면 왼쪽에 나타나는 + 를 클릭하십시오. Code 를 선택하고 enter 를 누르십시오. 또는 /code 를 입력하고 enter 를 누르십시오.
• 새 코드 블록을 제자리에 놓고 내부를 클릭하여 코드를 입력하거나 붙여 넣습니다.

코드 블록 정리

• 드래그 앤 드롭을 사용하여 페이지 주변의 코드 블록을 이동하십시오. 블록 위로 마우스를 가져간 다음 핸들로 나타나는 ⋮⋮ 아이콘을 사용하여 드래그하십시오.
• 코드 블록을 열에 끌어서 놓을 수도 있습니다.

코드 감싸기

측면 스크롤을 제거하고 코드 블록의 가장자리에 줄 바꿈을 만들려면:

• 코드 블록 위로 마우스를 가져간 다음 오른쪽 상단의 ••• 또는 왼쪽의 ⋮⋮ 를 클릭하십시오. 블록 자체를 마우스 오른쪽 버튼으로 클릭할 수도 있습니다.
• Wrap Code 옵션을 켜십시오.

클립 보드에 코드 복사