코드 블록

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


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

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

코드 블록 추가

새 줄 위로 마우스를 가져가면 왼쪽에 나타나는 + 아이콘을 클릭합니다. 나타나는 메뉴에서 코드를 선택한 다음 enter 키를 누릅니다. 또는, /코드를 입력하고 enter 키를 누릅니다.

코드 블록을 만든 후, 해당 블록의 내부를 클릭하여 코드를 입력하거나 원하는 코드를 붙여 넣습니다.

코드 블록 정렬

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

코드 블록을 끌어 놓아 열을 생성할 수도 있습니다.

코드 래핑

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

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

코드 래핑 옵션을 켭니다.

클립보드에 코드 복사

코드 블록 위로 마우스를 가져가면 오른쪽 상단에 클립보드로 복사 버튼이 표시됩니다.

이 버튼을 클릭하고 코드를 원하는 편집기나 위치에 붙여 넣으면 됩니다.

👉

참고: 이 버튼은 읽기 허용의 접근 수준에서는 표시되지 않습니다.

코드 블록에 댓글 달기

다른 콘텐츠 블록과 마찬가지로 코드 블록에도 댓글을 남길 수 있습니다.

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

댓글을 선택하고 코드에 대한 의견을 입력합니다.

🎒

팁: @를 사용하여 워크스페이스 공동 작업자를 태그하면 해당 작업자가 자신에게 남겨진 댓글을 빠짐없이 확인할 수 있습니다.

코드 블록 삭제

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

삭제를 선택합니다.