노션에서 '코드 블록'은 단순히 개발자만을 위한 기능이 아니란 거, 알고 계셨나요?
정리하고 싶은 텍스트를 구분하거나, 형식을 깔끔하게 나눌 때도 유용합니다.
노션 코드 블록의 기본 사용법에 대해 소개해볼게요.
노션 코드 블록은 프로그래밍 코드, 명령어, 코드 스니펫 등을
문서 내에서 보기 좋게 정리하고 공유하거나 설명할 때 사용하는 블록인데요.
코드 예제를 작성하거나 명령어를 정리할 때 사용할 수 있습니다.
그럼 어떻게 쓰는 건지 알아볼게요.
1. 페이지에 /코드 혹은 /code를 입력하고 Enter를 누르면 블록이 생성됩니다.
혹은 새 줄에 마우스를 올려 나오는 + 버튼을 눌러 추가할 수도 있어요.

2. 코드 블록 상단의 언어 선택 드롭다운을 클릭하면
파이썬(Python), 자바스크립트(JavaScript), HTML 등
다양한 프로그래밍 언어를 선택할 수 있어요.
3. 코드가 길어질 경우 오른쪽 상단의 ⠿ 버튼을 클릭하면
[코드 줄바꿈]을 할 수 있습니다.

4. 또한 코드 블록에 마우스를 올리면 오른쪽 상단에 [복사] 버튼이 나타나는데요.
한 번만 클릭하면 전체 코드를 복사할 수 있다는 장점이 있습니다.
일잘러가 되고 싶다면? 일과삶 다 잡아주는 이 템플릿으로 관리해보세요!
노션에서 '코드 블록'은 단순히 개발자만을 위한 기능이 아니란 거, 알고 계셨나요?
정리하고 싶은 텍스트를 구분하거나, 형식을 깔끔하게 나눌 때도 유용합니다.
노션 코드 블록의 기본 사용법에 대해 소개해볼게요.
노션 코드 블록은 프로그래밍 코드, 명령어, 코드 스니펫 등을
문서 내에서 보기 좋게 정리하고 공유하거나 설명할 때 사용하는 블록인데요.
코드 예제를 작성하거나 명령어를 정리할 때 사용할 수 있습니다.
그럼 어떻게 쓰는 건지 알아볼게요.
1. 페이지에 /코드 혹은 /code를 입력하고 Enter를 누르면 블록이 생성됩니다.
혹은 새 줄에 마우스를 올려 나오는 + 버튼을 눌러 추가할 수도 있어요.
2. 코드 블록 상단의 언어 선택 드롭다운을 클릭하면
파이썬(Python), 자바스크립트(JavaScript), HTML 등
다양한 프로그래밍 언어를 선택할 수 있어요.
3. 코드가 길어질 경우 오른쪽 상단의 ⠿ 버튼을 클릭하면
[코드 줄바꿈]을 할 수 있습니다.
4. 또한 코드 블록에 마우스를 올리면 오른쪽 상단에 [복사] 버튼이 나타나는데요.
한 번만 클릭하면 전체 코드를 복사할 수 있다는 장점이 있습니다.
일잘러가 되고 싶다면? 일과삶 다 잡아주는 이 템플릿으로 관리해보세요!