노션 목차 만들기, 긴 기획서 빠르게 탐색하는 방법
노션 목차 만들기, 긴 기획서 빠르게 탐색하는 방법
노션 목차, 긴 기획서에서 왜 필요할까요?
IT 서비스 기획서를 작성하다 보면 문서가 예상보다 길어집니다. 화면 정의부터 기능 설명, 상세 정책, 예외 처리까지 작성하면 원하는 내용을 찾기 위해 여러 번 스크롤해야 합니다.
실무에서 긴 기획서를 검토할 때 불편한 점 중 하나는 내용 자체보다 필요한 항목을 찾는 과정입니다. 특히 개발자와 QA 담당자가 같은 문서를 확인할 때는 각자 필요한 정책이 다르기 때문에 탐색 구조가 중요합니다.
이럴 때 활용할 수 있는 기능이 노션(Notion)의 자동 목차입니다.
노션 목차를 사용하면 페이지 전체의 제목을 자동으로 정리하고, 원하는 항목을 클릭해 해당 위치로 이동할 수 있습니다.
이번 글에서는 노션을 처음 사용하는 사람도 따라 할 수 있도록 제목 설정부터 자동 목차 생성까지 단계별로 설명하겠습니다.
※ 이 글은 2026.10 기준으로 작성되었으며, 최신 기능과 메뉴는 노션 공식 문서를 확인하시기 바랍니다.
📌 목차
1. 노션 자동 목차란?
노션 자동 목차는 페이지에 작성된 제목 블록을 찾아 목록으로 보여주는 기능입니다.
목차에 있는 항목을 클릭하면 해당 제목 위치로 바로 이동할 수 있습니다.
예를 들어 쇼핑몰 마이페이지 기능 명세서에 주문내역, 배송조회, 회원정보 수정 등의 화면이 있다면 목차에서 원하는 화면을 선택할 수 있습니다.
자동 목차와 일반 링크 목록의 차이
| 구분 | 자동 목차 | 수동 링크 목록 |
|---|---|---|
| 생성 방식 | 제목 블록 기반 자동 생성 | 사용자가 직접 작성 |
| 제목 변경 | 변경된 제목 자동 반영 | 직접 수정 필요 |
| 이동 기능 | 제목 위치로 이동 | 설정한 링크로 이동 |
| 적합한 용도 | 긴 기획서, 업무 매뉴얼 | 선별된 주요 링크 안내 |
자동 목차의 가장 큰 장점은 제목을 수정하거나 추가할 때 목차를 별도로 다시 작성하지 않아도 된다는 점입니다.
다만 일반 텍스트는 자동 목차에 포함되지 않습니다. 반드시 노션의 제목 블록을 사용해야 합니다.
2. 제목 1, 제목 2, 제목 3의 차이
노션에서 자동 목차를 만들기 전에 가장 먼저 이해해야 할 개념이 제목의 계층입니다.
노션에는 세 가지 제목 수준이 있습니다.
| 구분 | 역할 | 기획서 예시 |
|---|---|---|
| 제목 1(H1) | 큰 단위의 구분 | 3. 마이페이지 홈 |
| 제목 2(H2) | 하위 기능 구분 | 3.2 기능 및 이동 정책 |
| 제목 3(H3) | 상세 항목 구분 | 3.2.1 주문내역 이동 조건 |
제목 1은 가장 큰 수준이고, 제목 2와 제목 3은 그 아래의 내용을 표현할 때 사용합니다.
기획서에 적용한 예시
이렇게 제목을 구분하면 자동 목차에서도 상위 항목과 하위 항목의 관계를 파악할 수 있습니다.
제목을 글자 크기 기준으로 선택하지 말고, 문서에서 담당하는 역할과 정보의 계층에 따라 선택하는 것이 좋습니다.
3. 노션 목차 만들기: 초보자 실습
이제 직접 노션 페이지를 만들고 자동 목차를 생성해 보겠습니다.
PC 웹 브라우저에서 노션 한국어 버전을 사용하는 상황을 기준으로 설명합니다.
STEP 1. 노션에서 새 페이지 만들기
- 노션 공식 사이트에 접속하고 로그인합니다.
- 왼쪽 사이드바에서 새 페이지를 추가합니다.
- 페이지 제목에 쇼핑몰 마이페이지 기능 명세서를 입력합니다.
- 제목 아래 빈 영역을 클릭합니다.
노션의 가장 위에 표시되는 페이지 제목은 페이지 이름입니다. 이 제목과 본문에서 만드는 제목 1, 제목 2, 제목 3 블록은 구분해야 합니다.
자동 목차를 만들 때는 본문에 별도로 제목 블록을 작성합니다.
STEP 2. 제목 1(H1) 만들기
첫 번째로 가장 큰 제목을 만들어 보겠습니다.
- 페이지 본문의 빈 줄을 클릭합니다.
- 키보드에서
/를 입력합니다. - 이어서
제목1을 입력합니다. - 나타나는 메뉴에서 제목 1을 선택합니다.
- 1. 프로젝트 개요를 입력합니다.
- Enter 키를 눌러 다음 줄로 이동합니다.
제목을 만들었다면 아래에 일반 텍스트로 내용을 입력합니다.
본 문서는 쇼핑몰 마이페이지의 화면 구성, 기능, 정책을 정의하기 위한 문서입니다.
같은 방법으로 2. 화면 목록, 3. 마이페이지 홈 등의 제목 1도 추가할 수 있습니다.
STEP 3. 제목 2(H2) 만들기
이번에는 제목 1 아래에 들어갈 하위 기능 제목을 만들어 보겠습니다.
- '3. 마이페이지 홈' 제목 아래의 새 줄을 클릭합니다.
/제목2를 입력합니다.- 메뉴에서 제목 2를 선택합니다.
- 3.1 화면 구성을 입력합니다.
- 다음 줄에 화면 구성에 관한 설명을 작성합니다.
예를 들어 마이페이지 홈에는 회원 정보, 주문 상태 요약, 주요 메뉴 영역이 있다고 가정하겠습니다.
회원 정보 영역, 주문 현황 영역, 주요 메뉴 영역으로 구성합니다.
이때 제목 2 블록 자체를 Tab 키 등으로 들여쓰기하지 않도록 주의합니다. 노션 공식 도움말에 따르면 들여쓰기된 제목은 목차에 포함되지 않습니다.
STEP 4. 제목 3(H3) 만들기
제목 3은 세부 정책이나 상세 조건을 구분할 때 사용합니다.
- '3.2 기능 및 이동 정책' 제목 아래에서 새 줄을 만듭니다.
/제목3을 입력합니다.- 제목 3을 선택합니다.
- 3.2.1 주문내역 이동 조건을 입력합니다.
- 하위 내용에 이동 조건과 처리 방식을 작성합니다.
사용자가 주문내역 메뉴를 선택하면 MP-002 주문내역 화면으로 이동합니다.
제목 3을 만들었다면 가장 큰 제목부터 상세 정책까지 계층이 완성된 것입니다.
STEP 5. 제목을 더 빠르게 만드는 방법
매번 슬래시 메뉴를 선택하지 않아도 됩니다. 노션은 Markdown 입력 방식을 지원합니다.
| 입력 | 실행 | 결과 |
|---|---|---|
# | 스페이스 | 제목 1 |
## | 스페이스 | 제목 2 |
### | 스페이스 | 제목 3 |
새로운 줄에서 ##를 입력하고 스페이스를 누르면 제목 2 블록으로 변경됩니다.
이 방법은 화면별 기능 명세서를 빠르게 작성할 때 유용합니다.
STEP 6. 기존 일반 텍스트를 제목으로 변경하기
이미 작성한 문서도 처음부터 다시 만들 필요는 없습니다.
- 제목으로 변경할 일반 텍스트 블록에 마우스를 올립니다.
- 왼쪽에 표시되는 점 6개(⋮⋮) 메뉴를 클릭합니다.
- 전환 메뉴를 선택합니다.
- 제목 1, 제목 2, 제목 3 중 원하는 유형을 선택합니다.
예를 들어 일반 텍스트로 작성한 '4. 주문내역'을 제목 1로 변경하면 자동 목차에 표시할 수 있습니다.
STEP 7. 자동 목차 삽입하기
이제 앞에서 만든 제목들을 하나의 목차로 정리하겠습니다.
- 노션 페이지 상단으로 이동합니다.
- 페이지 제목 아래 또는 문서 개요 다음에 새 줄을 만듭니다.
/목차를 입력합니다.- 메뉴에서 목차 블록을 선택합니다.
- 페이지에 작성한 제목 목록이 표시되는지 확인합니다.
이렇게 하면 자동 목차가 완성됩니다.
제목 1, 제목 2, 제목 3으로 지정한 항목은 계층에 따라 목차에 표시됩니다.
목차에서 '4. 주문내역'을 클릭하면 해당 제목의 위치로 이동해야 합니다. 문서가 짧아 이동 차이가 잘 보이지 않는다면 항목 사이에 설명 문단을 몇 개 추가해 보세요.
STEP 8. 제목을 추가하고 목차 변경 확인하기
이번에는 새로운 화면을 추가해 보겠습니다.
- 문서 하단에 새로운 줄을 만듭니다.
- 제목 1로 7. 공통 정책 및 예외 처리를 작성합니다.
- 페이지 상단의 자동 목차로 이동합니다.
- 새 제목이 목차에 반영되었는지 확인합니다.
자동 목차는 실제 제목 블록을 기준으로 내용을 구성하기 때문에 제목을 추가하거나 변경하면 목차에도 반영됩니다.
단, 목차 안의 텍스트를 직접 수정할 수는 없습니다. 목차 내용을 수정하려면 본문의 제목 블록을 변경해야 합니다.
4. 실제 IT 기획서에 자동 목차 적용하기
이제 지금까지 배운 내용을 쇼핑몰 마이페이지 기능 명세서에 적용해 보겠습니다.
다음은 실제 프로젝트 문서 구조를 설계할 때 참고할 수 있는 가상의 예시입니다.
4-1. 화면 목록 구성
| 화면 ID | 화면명 | 주요 기능 |
|---|---|---|
| MP-001 | 마이페이지 홈 | 회원 정보 및 주문 현황 |
| MP-002 | 주문내역 | 주문 목록과 상세 조회 |
| MP-003 | 배송조회 | 배송 상태 및 송장 정보 |
| MP-004 | 회원정보 수정 | 연락처 및 회원 정보 변경 |
4-2. 기능 명세서 목차 구성
4-3. 주문내역 기능의 상세 정책 예시
목차에서 '4. 주문내역'을 선택하면 아래와 같은 상세 내용을 확인하도록 구성할 수 있습니다.
화면 ID: MP-002
화면명: 주문내역
화면 목적: 사용자가 자신의 주문 기록과 현재 처리 상태를 확인합니다.
4.1 조회 조건
- 기본 조회 기간은 최근 3개월로 설정합니다.
- 사용자는 조회 시작일과 종료일을 변경할 수 있습니다.
- 조회 시작일은 종료일보다 늦을 수 없습니다.
- 조회 결과가 없는 경우 빈 상태 안내를 표시합니다.
4.2 주문 상태별 표시 정책
- 결제완료: 결제 처리 완료 상태
- 상품준비중: 판매자가 출고 준비 중인 상태
- 배송중: 택배 배송이 진행 중인 상태
- 배송완료: 배송이 완료된 상태
※ 위 정책과 주문 상태는 설명을 위한 가상 기준입니다. 실제 서비스 정책에 따라 조회 기간, 상태명, 처리 방식이 달라질 수 있습니다.
이와 같이 화면별로 제목을 설정하면 개발자는 구현해야 할 기능을 찾고, QA 담당자는 검증할 정책을 찾아 확인할 수 있습니다.
4-4. 목차와 토글을 함께 사용하기
목차는 필요한 위치로 이동하는 기능이고, 토글은 상세 내용을 접거나 펼치는 기능입니다.
두 기능을 함께 사용하면 다음과 같이 문서를 구성할 수 있습니다.
[POL-001] 조회 기간 정책
기본 조회 기간은 최근 3개월로 설정하며, 날짜 변경 시 시작일과 종료일의 유효성을 검증합니다.
[EXC-001] 조회 결과 없음
조회 결과가 없으면 '조회된 주문내역이 없습니다.'라는 메시지를 표시합니다.
목차를 통해 '4. 주문내역'으로 이동한 뒤, 필요한 정책만 펼쳐볼 수 있습니다.
위 펼침 요소는 블로그에서 동작 원리를 보여주기 위해 HTML로 작성한 예시이며, 실제 노션에서는 토글 목록 블록으로 구성합니다.
다만 핵심 요구사항까지 모두 토글 안에 넣는 것은 피하는 편이 좋습니다. 중요한 정보는 기본적으로 보이도록 작성하고 상세 설명에 토글을 활용하는 것이 좋습니다.
5. 노션 오른쪽 목차 활용 방법
노션은 페이지에 목차 블록을 직접 삽입하는 방식 외에도 페이지 오른쪽에 목차를 표시하는 기능을 제공합니다.
페이지 안에 제목이 2개 이상 있다면 오른쪽에 목차가 기본적으로 표시될 수 있습니다.
오른쪽 목차의 특징
- 페이지를 스크롤해도 목차에 접근할 수 있습니다.
- 목차 위에 마우스를 올리면 제목 목록을 펼쳐 확인할 수 있습니다.
- 목차 항목을 클릭하면 해당 섹션으로 이동합니다.
오른쪽 목차 설정 확인하기
- 노션 페이지 오른쪽 상단의 ••• 메뉴를 클릭합니다.
- 모양 및 레이아웃(Appearance & layout) 관련 설정을 엽니다.
- 목차(Table of contents) 항목을 확인합니다.
- 목차 표시 여부를 설정합니다.
노션 인터페이스 언어 및 업데이트에 따라 메뉴 이름은 다르게 표시될 수 있습니다.
긴 문서에서는 오른쪽 목차가 유용하지만, 페이지 종류나 화면 환경에 따라 표시 방식에 차이가 있을 수 있습니다.
6. 노션 목차 활용 실무 팁 3가지
팁 1. 제목 계층을 먼저 설계하세요
목차를 만들기 전에 문서의 구조를 먼저 정해야 합니다.
제목의 크기를 그때그때 결정하면 목차의 계층도 일관성을 잃게 됩니다.
IT 기획서에서는 주요 화면을 제목 1, 기능을 제목 2, 세부 정책을 제목 3으로 구성하는 방법을 추천합니다.
다만 모든 프로젝트가 같은 구조를 사용할 필요는 없습니다. 문서 규모와 화면 수에 맞춰 계층을 조정하면 됩니다.
팁 2. 화면 ID와 기능명을 함께 작성하세요
목차 제목만 보고도 해당 화면을 식별할 수 있어야 합니다.
'주문내역'이라고만 작성하는 것보다 'MP-002 주문내역'으로 작성하면 화면 설계서, 개발 이슈, 테스트 케이스를 연결하기 쉽습니다.
화면 ID를 사용하는 프로젝트라면 목차에도 동일한 ID 체계를 반영하는 것이 좋습니다.
팁 3. 목차는 이동에, 토글은 상세 설명에 사용하세요
서로 다른 역할을 가진 기능은 목적에 맞게 사용해야 합니다.
목차는 긴 문서에서 원하는 위치로 이동하도록 돕습니다. 토글은 상세 정책을 단계적으로 보여줄 때 유용합니다.
모든 내용을 제목으로 만들면 목차가 지나치게 길어지고, 반대로 모든 내용을 토글 안에 넣으면 주요 정책을 놓치기 쉽습니다.
따라서 큰 구조에는 목차를, 세부 조건과 참고 내용에는 토글을 사용하는 구성이 실무에 적합합니다.
7. 자주 묻는 질문(FAQ)
Q1. 노션 목차가 자동으로 생성되지 않는 이유는 무엇인가요?
가장 먼저 본문의 텍스트가 실제 제목 블록으로 설정되어 있는지 확인해야 합니다.
텍스트를 단순히 굵게 만들거나 크기만 변경한 경우 목차에 포함되지 않습니다. 또한 들여쓰기된 제목은 목차에서 제외될 수 있습니다.
/제목1, /제목2, /제목3을 사용해 제목 블록으로 설정해 보세요.
Q2. 노션 목차를 페이지 오른쪽에 고정할 수 있나요?
노션에서는 제목이 2개 이상인 페이지에 오른쪽 목차가 기본적으로 표시됩니다.
스크롤하는 동안에도 접근할 수 있으며, 페이지 설정의 목차 옵션에서 표시 여부를 변경할 수 있습니다.
일반적인 목차 블록을 오른쪽에 임의로 고정하는 방식과는 다른 기능입니다.
Q3. 노션 자동 목차와 토글을 함께 사용할 수 있나요?
네. 두 기능을 함께 사용할 수 있습니다.
자동 목차는 주요 화면과 기능을 탐색하는 데 사용하고, 토글은 입력 조건이나 예외 처리처럼 상세 내용을 정리할 때 사용하면 좋습니다.
제목 자체를 펼치고 접고 싶다면 노션의 제목 토글 기능도 활용할 수 있습니다.
마무리: 좋은 기획서는 필요한 정보를 빨리 찾을 수 있어야 합니다
노션 자동 목차는 긴 문서의 탐색을 돕는 기능입니다. 하지만 목차를 추가하는 것만으로 문서의 구조가 좋아지는 것은 아닙니다.
중요한 것은 제목 계층을 일관되게 설계하고, 독자가 필요한 정보를 쉽게 찾을 수 있도록 구성하는 것입니다.
- 제목 1·2·3으로 문서의 계층을 구분합니다.
- 자동 목차로 원하는 항목에 빠르게 이동합니다.
- 토글을 함께 활용해 상세 정책까지 체계적으로 정리합니다.
현재 작성 중인 노션 기획서가 있다면 먼저 주요 화면명을 제목 1로 변경해 보세요. 그다음 하위 기능에 제목 2와 제목 3을 설정하고 자동 목차를 삽입하는 것부터 시작하면 됩니다.
여러분은 긴 기획서를 작성할 때 목차를 어떤 기준으로 구성하고 계신가요?