# [Notion] ep.02 : 노션 시작하기

# 📚 노션 UI 및 구조 이해하기

## 1️⃣ 노션의 기본 UI 구성

![Image](https://upload.cafenono.com/image/slashpagePost/20251101/144110_uOifCK9WgOxRgTVh2O?q=80&s=1280x180&t=outside&f=webp)

### 사이드바 (Sidebar)

- **워크스페이스:** 최상단에 위치하며, 여러 워크스페이스 간 전환이 가능합니다

- **즐겨찾기:** 자주 사용하는 페이지를 고정할 수 있습니다

- **페이지 목록:** 생성한 모든 페이지가 계층 구조로 표시됩니다

- **설정 및 멤버:** 하단에서 워크스페이스 설정과 멤버 관리가 가능합니다

![Image](https://upload.cafenono.com/image/slashpagePost/20251101/144001_T6FkE0EggxmHk0uoy2?q=80&s=1280x180&t=outside&f=webp)

### 메인 작업 영역

- **페이지 제목:** 상단에 페이지 제목이 표시됩니다

- **속성 영역:** 데이터베이스 페이지의 경우 속성을 설정할 수 있습니다

- **콘텐츠 영역:** 실제 내용을 작성하는 공간입니다

- **블록 추가:** '/' 명령어로 다양한 블록을 추가할 수 있습니다

![Image](https://upload.cafenono.com/image/slashpagePost/20251101/144220_lFAEDbnLtvI55jEkvQ?q=80&s=1280x180&t=outside&f=webp)

### 상단 툴바

- **공유:** 페이지를 다른 사람과 공유하거나 웹에 게시할 수 있습니다

- **업데이트:** 페이지의 수정 내역을 확인할 수 있습니다

- **즐겨찾기:** 현재 페이지를 즐겨찾기에 추가합니다

- **더보기 메뉴 (···):** 페이지 삭제, 복제, 내보내기 등의 기능이 있습니다

## 2️⃣ 노션의 계층 구조

### 페이지 계층 시스템

노션은 **페이지 안에 페이지를 무한히 중첩**할 수 있는 구조입니다.

```javascript
워크스페이스
└── 📁 프로젝트 관리
    ├── 📄 진행 중인 프로젝트
    │   ├── 프로젝트 A
    │   └── 프로젝트 B
    └── 📄 완료된 프로젝트
        └── 프로젝트 C
```

### 블록 구조

- **블록(Block):** 노션의 모든 콘텐츠는 '블록' 단위로 구성됩니다

- **블록 유형:** 텍스트, 제목, 이미지, 동영상, 코드, 표, 데이터베이스 등

- **블록 이동:** 드래그 앤 드롭으로 블록의 위치를 자유롭게 변경할 수 있습니다

- **블록 들여쓰기:** Tab 키로 블록을 들여쓰기하여 계층을 만들 수 있습니다

## 3️⃣ 기초 실습

### 실습 1: 첫 페이지 만들기

1. 사이드바 하단의 **+ 새 페이지** 버튼을 클릭합니다

2. 페이지 제목을 입력합니다 (예: "나의 첫 노션 페이지")

3. 아이콘과 커버 이미지를 추가해봅니다

4. 간단한 텍스트를 입력해봅니다

### 실습 2: 다양한 블록 추가하기

1. **제목 블록 추가:** `/제목1` 또는 `/h1` 입력 후 Enter

2. **글머리 기호 목록:** `/글머리` 또는 `-` 입력 후 Space

3. **번호 매기기 목록:** `/번호` 또는 `1.` 입력 후 Space

4. **체크박스:** `/할일` 또는 `[]` 입력 후 Space

5. **토글 리스트:** `/토글` 입력 후 Enter (내용을 접고 펼칠 수 있습니다)

6. **인용구:** `/인용` 또는 `>` 입력 후 Space

7. **구분선:** `/구분선` 입력 후 Enter

### 실습 3: 블록 조작하기

1. 블록 왼쪽의 **⋮⋮** 아이콘을 클릭하여 드래그하면 블록을 이동할 수 있습니다

2. **Tab** 키를 누르면 블록이 들여쓰기됩니다 (하위 항목으로 이동)

3. **Shift + Tab** 키를 누르면 내어쓰기됩니다 (상위 항목으로 이동)

4. 블록을 선택하고 `/색상`을 입력하면 배경색과 글자색을 변경할 수 있습니다

### 실습 4: 페이지 구조 만들기

1. 메인 페이지를 하나 만듭니다 (예: "개인 업무 관리")

2. 메인 페이지 안에서 `/페이지`를 입력하여 하위 페이지를 추가합니다

3. 다음과 같은 구조를 만들어봅니다:

- 📋 개인 업무 관리

    - 📝 오늘 할 일

    - 📚 학습 노트

    - 💡 아이디어 메모

### 실습 5: 기본 서식 사용하기

1. **굵게:** 텍스트 선택 후 `Ctrl + B` (Mac: `Cmd + B`)

2. **기울임:** 텍스트 선택 후 `Ctrl + I` (Mac: `Cmd + I`)

3. **밑줄:** 텍스트 선택 후 `Ctrl + U` (Mac: `Cmd + U`)

4. **취소선:** 텍스트 선택 후 `Ctrl + Shift + S` (Mac: `Cmd + Shift + S`)

5. **코드:** 텍스트 선택 후 `Ctrl + E` (Mac: `Cmd + E`)

6. **링크:** 텍스트 선택 후 `Ctrl + K` (Mac: `Cmd + K`)

## 4️⃣ 유용한 단축키

| **기능** | **Windows** | **Mac** |
| --- | --- | --- |
| **새 페이지** | Ctrl + N | Cmd + N |
| **검색** | Ctrl + P | Cmd + P |
| **빠른 찾기** | Ctrl + K | Cmd + K |
| **블록 삭제** | Ctrl + Shift + Delete | Cmd + Shift + Delete |
| **블록 복제** | Ctrl + D | Cmd + D |
| **실행 취소** | Ctrl + Z | Cmd + Z |
| **다시 실행** | Ctrl + Shift + Z | Cmd + Shift + Z |

## 5️⃣ 연습 과제

다음 요구사항을 충족하는 페이지를 만들어보세요:

- [ ] 페이지 제목과 아이콘 설정하기

- [ ] 3개 이상의 제목(헤딩) 블록 사용하기

- [ ] 글머리 기호 목록과 번호 매기기 목록 각각 사용하기

- [ ] 토글 블록을 사용하여 접을 수 있는 섹션 만들기

- [ ] 최소 2개의 하위 페이지 만들기

- [ ] 다양한 텍스트 서식 (굵게, 기울임, 밑줄 등) 사용하기

- [ ] 구분선으로 섹션 나누기

## 💡 추가 팁

- **슬래시 명령어(/):** 어디서든 `/`를 입력하면 추가할 수 있는 모든 블록 유형을 확인할 수 있습니다

- **템플릿 활용:** 노션이 제공하는 다양한 템플릿을 사용하면 빠르게 시작할 수 있습니다

- **드래그 앤 드롭:** 사이드바에서 페이지를 드래그하여 순서나 계층을 변경할 수 있습니다

- **즐겨찾기 활용:** 자주 사용하는 페이지는 즐겨찾기에 추가하여 빠르게 접근하세요

- **검색 기능:** `Ctrl + P` (Mac: `Cmd + P`)로 워크스페이스 전체를 빠르게 검색할 수 있습니다

For the site tree, see the [root Markdown](https://slashpage.com/aivio.md).