2.1 Notion의 Block

1. Block 📦2. 블록 생성 📂3. 블록 종류 🔍4. 블록 메뉴 🍽5. Comment로 확인 요청 ✅4. 블록의 배치 🗂️

1. Block 📦

Block은 한 페이지를 구성하는 요소입니다. Block에는 글을 쓰거나 이미지를 추가하는 등 다양한 작업을 할 수 있습니다. HTML, CSS를 다룰 수 있다면 Display 속성의 block이라고 생각하면 쉽습니다. Block은 25가지 이상의 종류들이 있으며, page 상에 마우스를 올리면 좌측에 뜨는 [+]를 눌러 block을 생성할 수 있습니다.

가장 기본적인 text block은 엔터를 치는 것만으로 생성이 가능하며, 이미지 block과 같은 media는 drag-and-drop이나 Ctrl + V와 같은 단축키를 사용하여 생성이 가능합니다.

개발자를 위해 추가 설명을 덧붙이자면 블록 내 이미지를 복사 붙여넣기 하시면 이미지가 2개가 되는 것이 아니라 1개의 원본에 1개의 링크가 생기는 것입니다.

이 block은 페이지 복사와 마찬가지로 drag-and-drop이나 Ctrl + V로 다른 위치로 이동이 가능합니다. 이는 일반 docx나 hwp에서의 문서 작업보다 수정이 더 손쉽게 되어있습니다.

Notion이 가지고 있는 가장 큰 장점 중 하나는 markdown 문법을 따르고 있으며, header 1, 2, 3 또는 문자 강조, 코드 글자 등 문서화에 필요한 작업들이 단축키로 손쉽게 작업이 가능하다는 점입니다. 예를 들어, header 1은 새로운 block에서 # 하나와 space를 추가하여 바로 그 블록을 변환할 수 있습니다. 단축키 사용 방법은 챕터 3 에서 다루도록 하겠습니다.

2. 블록 생성 📂

블록을 생성하는 방법은 다양한 방법이 있습니다. 빈 블록 위에 마우스를 클릭하여 /를 입력하고 다른 블록을 찾는 방법과 앞서 설명한 것처럼 각 블록의 좌측에 보이는 [+]을 클릭하여 새로운 블록을 생성하는 방법이 있습니다.

빈 공간을 클릭하면 위의 그림과 같이 좌측에 선택 할 수 있는 메뉴가 뜹니다

빈 block에 /를 치면 새롭게 추가 할 수 있는 블록을 검색 또는 선택 할 수 있습니다. — 빈 block에 `/`를 치면 새롭게 추가 할 수 있는 블록을 검색 또는 선택 할 수 있습니다.

3. 블록 종류 🔍

블록의 상세 설명은 다음 챕터에서 이어가도록 하겠습니다.

Basic

/text

/page

/to-do List

/heading1

/heading2

/heading3

/bulleted list

/numbered list

/toggle list

/quote

/divider

/link to page

/collout : 신규 추가, 아이디어 개시

Database

/table-inline

/board-inline

/gallery-inline

/list-inline

/calendar-inline

/table-full page

/board-full page

/gallery-full page

/list-full page

/calendar-full page

/create linked database

Media

/image

/web bookmark

/video

/audio

/code

/file

Embeds

/embed

/google drive

/tweet

/github gist

/google maps

/figma : 신규 추가, 디자인 툴

/abstract : 신규 추가, 디자인 툴

/framer

/invision

/whimsical : 신규 추가, 플로어 차트

/miro : 신규 추가, UX 협업툴

/pdf

/loom

/typeform

/codepen

Advanced

/table of contents

/math equation

/template button

/breadcrumb

lnline

/mention a Person

/mention a page

/data or reminder

/emoji : 신규 추가, 이모티콘

/inline equation : 신규 추가, 수학 수식

4. 블록 메뉴 🍽

Delete

Duplicate

Turn Into

Copy Link

Move To

Comment

Color

블록 옆에 있는 메뉴 ⋮⋮ 를 누르면 위와 같은 설정 화면이 블록 옆에 생성됩니다. 삭제(Delete), 복사(Duplicate), 전환(Turn Into) 등 다양한 기능을 제공합니다.

블록 선택 후에 Ctrl + C를 통해서 복사 한 후에 다른 곳에 붙여넣기가 가능하지만, duplicate를 통한 복사는 바로 아래에 복사된 블록이 생성됩니다. 복사된 블록은 메뉴 중 Move To를 통해서 다른 페이지로 옮길 수도 있고, drag-and-drop으로도 이동이 가능합니다.

오른쪽 사진은 Color를 선택했을 경우 나오는 화면입니다. 단어 또는 문장의 색을 바꿀 수 있기 때문에 다양하게 강조할 수 있습니다.

최근에 사용한 Color는 Ctrl + Shift + H로 사용이 가능합니다.

5. Comment로 확인 요청 ✅

Comment를 통해 다른 사람과 의견을 공유할 수도 있습니다.

오른쪽 사진은 집필 중인 책에서 확인 요청을 하는 Commet입니다. @를 통하여 원하는 사람을 지목할 수 있으며 지목했을 경우 다른 사람의 알림으로 뜨게 됩니다.

자세한 내용은 다른 챕터에서도 다루게 되니 그곳에서 상세히 다루도록 하겠습니다.

지목을 당한 사람의 All Updates창의 알람

4. 블록의 배치 🗂️

해당 내용은 6.2 columns 만들기(화면분할)에서 한 번 더 다루겠습니다.

블록에 커서를 올리고 ⋮⋮ 를 선택한 다음 아래와 같이 블록의 오른쪽 끝으로 Drag를 하면 한 inline에 여러 개의 블록의 배치를 바꿀 수 있습니다.

위와 같이 드래그 앤 드롭을 하면 아래와 같이 하나의 라인에 여러 개의 블록이 배치됩니다.