Day 6 - 실습 - 책 목차 만들기

Day 6: 실습 - 책 목차 만들기

📖 오늘 배울 내용

오늘은 실전 실습 시간이에요! 지금까지 배운 h1부터 h6까지 모든 제목 태그를 사용해서 진짜 책의 목차를 만들어볼 거예요! 📚

💡 오늘의 목표

제목 태그를 실전에서 활용하는 방법 배우기
계층 구조를 명확하게 만드는 연습하기
완전한 책 목차 페이지 만들어보기
실무에서 사용하는 패턴 익히기

1. 책 목차가 뭔가요? 📚

책 목차는 책의 내용을 한눈에 볼 수 있게 정리한 거예요. 마치 지도처럼 어디에 무엇이 있는지 알려주죠!

식당 메뉴판으로 비유하면

🍽️ 책 목차는 식당 메뉴판과 같아요!

📖 책 제목 = 식당 이름
📚 큰 챕터 = 메뉴 카테고리 (한식, 중식, 일식)
📝 소챕터 = 세부 메뉴 (비빔밥, 된장찌개, 김치찌개)
✏️ 세부 항목 = 메뉴 설명 (맵기 조절, 재료 정보)

메뉴판을 보면 뭐가 있는지 한눈에 보이죠?
목차도 똑같아요! 📋

2. 목차 만들기 - 단계별 가이드 🎯

이제 실제로 책 목차를 만들어볼 거예요. 차근차근 따라해보세요!

Step 1: 책 제목 정하기 (h1 사용)

가장 먼저 책의 제목을 <h1> 태그로 만들어요. 기억하세요! h1은 한 페이지에 딱 한 번만!

<h1>어린이를 위한 과학 백과사전</h1>

결과:

어린이를 위한 과학 백과사전

Step 2: 큰 챕터 만들기 (h2 사용)

책의 대분류를 <h2>로 만들어요. 이건 여러 번 사용 가능해요!

<h1>어린이를 위한 과학 백과사전</h1>

<h2>제1부: 우주와 지구</h2>
<h2>제2부: 생명과 자연</h2>
<h2>제3부: 물질과 에너지</h2>

결과:

어린이를 위한 과학 백과사전

제1부: 우주와 지구

제2부: 생명과 자연

제3부: 물질과 에너지

Step 3: 중간 챕터 만들기 (h3 사용)

각 부의 하위 주제를 <h3>로 만들어요.

<h2>제1부: 우주와 지구</h2>

<h3>1장. 태양계</h3>
<h3>2장. 별과 은하</h3>
<h3>3장. 지구의 구조</h3>

결과:

제1부: 우주와 지구

1장. 태양계

2장. 별과 은하

3장. 지구의 구조

Step 4: 세부 주제 추가하기 (h4, h5, h6 사용)

더 자세한 내용을 h4, h5, h6로 차례로 추가해요!

<h3>1장. 태양계</h3>

<h4>1-1. 태양</h4>
<h5>태양의 구조</h5>
<h6>핵, 대류층, 광구</h6>
<h5>태양의 활동</h5>
<h6>흑점, 플레어, 코로나</h6>

<h4>1-2. 행성들</h4>
<h5>내행성</h5>
<h6>수성, 금성, 지구, 화성</h6>
<h5>외행성</h5>
<h6>목성, 토성, 천왕성, 해왕성</h6>

결과:

1장. 태양계

1-1. 태양

태양의 구조

핵, 대류층, 광구

태양의 활동

흑점, 플레어, 코로나

1-2. 행성들

내행성

수성, 금성, 지구, 화성

외행성

목성, 토성, 천왕성, 해왕성

3. 완전한 책 목차 예시 📖

이제 모든 단계를 합쳐서 완전한 책 목차를 만들어볼게요!

완성 코드

<h1>어린이를 위한 과학 백과사전</h1>

<h2>제1부: 우주와 지구</h2>

<h3>1장. 태양계</h3>
<h4>1-1. 태양</h4>
<h5>태양의 구조</h5>
<h6>핵, 대류층, 광구</h6>
<h5>태양의 활동</h5>
<h6>흑점, 플레어, 코로나</h6>

<h4>1-2. 행성들</h4>
<h5>내행성</h5>
<h6>수성, 금성, 지구, 화성</h6>
<h5>외행성</h5>
<h6>목성, 토성, 천왕성, 해왕성</h6>

<h3>2장. 별과 은하</h3>
<h4>2-1. 별의 일생</h4>
<h5>별의 탄생</h5>
<h6>성운과 원시별</h6>
<h5>별의 죽음</h5>
<h6>초신성, 백색왜성, 블랙홀</h6>

<h4>2-2. 우리 은하</h4>
<h5>은하의 구조</h5>
<h6>나선팔, 중심부, 헤일로</h6>

<h2>제2부: 생명과 자연</h2>

<h3>3장. 식물의 세계</h3>
<h4>3-1. 광합성</h4>
<h5>광합성의 원리</h5>
<h6>엽록소와 빛 에너지</h6>

<h4>3-2. 식물의 종류</h4>
<h5>속씨식물</h5>
<h6>쌍떡잎식물, 외떡잎식물</h6>
<h5>겉씨식물</h5>
<h6>소나무, 은행나무</h6>

<h3>4장. 동물의 세계</h3>
<h4>4-1. 포유류</h4>
<h5>육식 동물</h5>
<h6>호랑이, 사자, 곰</h6>
<h5>초식 동물</h5>
<h6>기린, 코끼리, 토끼</h6>

<h2>제3부: 물질과 에너지</h2>

<h3>5장. 물질의 상태</h3>
<h4>5-1. 고체, 액체, 기체</h4>
<h5>상태 변화</h5>
<h6>녹기, 끓기, 승화</h6>

결과 - 완성된 책 목차:

어린이를 위한 과학 백과사전

제1부: 우주와 지구

1장. 태양계

1-1. 태양

태양의 구조

핵, 대류층, 광구

태양의 활동

흑점, 플레어, 코로나

1-2. 행성들

내행성

수성, 금성, 지구, 화성

외행성

목성, 토성, 천왕성, 해왕성

2장. 별과 은하

2-1. 별의 일생

별의 탄생

성운과 원시별

별의 죽음

초신성, 백색왜성, 블랙홀

2-2. 우리 은하

은하의 구조

나선팔, 중심부, 헤일로

제2부: 생명과 자연

3장. 식물의 세계

3-1. 광합성

광합성의 원리

엽록소와 빛 에너지

3-2. 식물의 종류

속씨식물

쌍떡잎식물, 외떡잎식물

겉씨식물

소나무, 은행나무

4장. 동물의 세계

4-1. 포유류

육식 동물

호랑이, 사자, 곰

초식 동물

기린, 코끼리, 토끼

제3부: 물질과 에너지

5장. 물질의 상태

5-1. 고체, 액체, 기체

상태 변화

녹기, 끓기, 승화

와! 정말 멋진 책 목차가 완성되었어요! 계층 구조가 아주 명확하게 보이죠? 😊

건물 층수로 비유하면

🏢 책 목차는 건물 구조와 같아요!

🏛️ h1 = 건물 이름판 (가장 크고 눈에 띄는 간판)
🏢 h2 = 1층, 2층, 3층 (큰 층 구분)
🚪 h3 = 각 층의 구역 (A구역, B구역)
🔑 h4 = 각 구역의 방 (101호, 102호)
📦 h5 = 방 안의 공간 (침실, 화장실)
📌 h6 = 세부 시설 (수납장, 책상)

위에서 아래로 내려갈수록
더 세밀하게 나뉘어져요! 🎯

4. 목차 만들기 핵심 포인트 ✨

포인트	설명
순서 지키기	h1 → h2 → h3 → h4 → h5 → h6 순서대로!
h1은 한 번만	책 제목은 하나뿐이니까요!
계층 명확히	어떤 제목이 어디에 속하는지 분명하게
논리적 구조	큰 주제 안에 작은 주제들이 모여야 함
읽기 쉽게	누구나 한눈에 구조를 파악할 수 있도록

5. 실전 연습 - 내가 직접 만들어보기! 💪

🎯 실습 과제

미션: 다음 주제 중 하나를 골라서 책 목차를 만들어보세요!

주제 선택:

게임 공략 가이드북 - 좋아하는 게임의 공략서 목차
요리책 - 한식, 중식, 일식 등 다양한 요리 소개
여행 가이드북 - 세계 여러 나라의 여행 정보
운동 가이드북 - 축구, 야구, 농구 등 운동별 설명
악기 배우기 - 피아노, 기타, 드럼 등 악기 교본

필수 조건:

h1 태그로 책 제목 만들기 (한 번만!)

h2 태그로 큰 부분(파트) 나누기 (3개 이상)

h3 태그로 각 파트의 장 만들기

h4, h5, h6로 세부 내용 추가하기

제목 태그를 순서대로 사용하기

계층 구조가 명확하게 보이도록 하기

예시: 게임 공략 가이드북

<h1>마인크래프트 완벽 공략 가이드</h1>

<h2>제1부: 기초 생존하기</h2>

<h3>1장. 첫날 밤 살아남기</h3>
<h4>1-1. 나무 모으기</h4>
<h5>나무 종류</h5>
<h6>참나무, 자작나무, 가문비나무</h6>
<h5>나무 베는 방법</h5>
<h6>맨손으로 베기, 도끼 사용하기</h6>

<h4>1-2. 작업대 만들기</h4>
<h5>조합법</h5>
<h6>나무 판자 4개 배치</h6>

<h3>2장. 집 짓기</h3>
<h4>2-1. 재료 준비</h4>
<h5>기본 재료</h5>
<h6>나무, 돌, 흙</h6>

<h2>제2부: 광물 채굴하기</h2>

<h3>3장. 동굴 탐험</h3>
<h4>3-1. 필요한 장비</h4>
<h5>도구</h5>
<h6>곡괭이, 횃불, 검</h6>

레고 블록으로 비유하면

🧱 책 목차는 레고 블록 쌓기와 같아요!

📦 h1 = 가장 큰 받침 블록 (맨 아래 기초)
🔲 h2 = 큰 벽돌 블록 (주요 벽)
🔳 h3 = 중간 블록 (벽 세부)
🔹 h4 = 작은 블록 (창문, 문)
🔸 h5 = 더 작은 블록 (손잡이)
▪️ h6 = 가장 작은 블록 (장식)

블록을 차곡차곡 쌓듯이
제목도 차근차근 쌓아요! 🏗️

6. 자주 하는 실수 점검하기 ⚠️

실수 ❌	올바른 방법 ✅
h2 다음에 바로 h5 사용 `<h2>제1부</h2> <h5>세부내용</h5>`	순서대로 h3, h4를 거쳐야 해요 `<h2>제1부</h2> <h3>1장</h3> <h4>1-1절</h4> <h5>세부내용</h5>`
h1을 여러 번 사용 `<h1>제1부</h1> <h1>제2부</h1>`	h1은 책 제목에만, 부는 h2로 `<h1>책 제목</h1> <h2>제1부</h2> <h2>제2부</h2>`
같은 수준인데 다른 태그 사용 `<h2>제1부</h2> <h3>제2부</h3>`	같은 수준은 같은 태그로 `<h2>제1부</h2> <h2>제2부</h2>`
닫는 태그 빠뜨림 `<h2>제1부 <h3>1장</h3>`	모든 태그는 닫아주기 `<h2>제1부</h2> <h3>1장</h3>`

✨ 오늘 배운 핵심 정리

책 목차는 h1부터 h6까지 계층적으로 구성
h1은 책 제목으로 딱 한 번만 사용
h2는 큰 파트(부), h3는 장, h4 이하는 세부 내용
제목 태그는 반드시 순서대로 사용 (건너뛰기 금지)
같은 수준의 제목은 같은 태그 사용
계층 구조를 명확하게 만들면 읽기 쉬워요
실제 책 목차처럼 논리적으로 구성하기

📚 Day 7: 주간 복습 + 퀴즈

다음편에는 Week 1에서 배운 모든 내용을 종합 정리하고,
재미있는 퀴즈로 실력을 확인해봐요!
지금까지 배운 모든 걸 완벽하게 정리하는 시간이에요! 🎯✨

📝 오늘의 한마디

"실습을 통해 배우는 게 가장 확실해요!
직접 목차를 만들어보면서
제목 태그의 힘을 느껴보세요! 💪📖"

✅ 오늘 배운 것 체크리스트

책 목차의 구조를 이해했나요?

h1부터 h6까지 계층적으로 사용할 수 있나요?

제목 태그를 순서대로 사용하는 법을 알고 있나요?

같은 수준은 같은 태그로 만드는 걸 이해했나요?

직접 책 목차를 만들어봤나요?

자주 하는 실수를 피할 수 있나요?

모두 체크했다면 Day 6 실습 완료! 🎉

저작자표시 비영리 변경금지 (새창열림)

'AI로 배우는 epub 시리즈' 카테고리의 다른 글

Day 8 - 문단 태그 p 배우기 (1)	2025.12.06
Day 7 - 주간 복습 + 퀴즈 (1)	2025.12.06
Day 5 - 복습 - 제목 태그 완전 정복 (0)	2025.12.05
Day 4 - 제목 태그 h4 h5 h6 배우기 (0)	2025.12.04
Day 3 - 제목 태그 h2 h3 배우기 (0)	2025.12.03