Day 13 - 실습 - 짧은 일기 쓰기

Day 13: 실습 - 짧은 일기 쓰기

📖 오늘 배울 내용

오늘은 실전 실습 시간이에요! 지금까지 배운 <p>, <br>, <hr> 태그를 모두 사용해서 진짜 일기를 작성해볼 거예요! 직접 만들면서 각 태그를 언제 사용하는지 완벽하게 익혀봐요! ✍️

💡 어제 배운 것 복습

• p 태그: 문단을 만들 때 사용, 위아래 여백이 있음
• br 태그: 줄바꿈만 할 때 사용, 여백 작음
• hr 태그: 큰 섹션을 구분할 때 사용, 수평선이 그려짐
• 선택 기준: 큰 구분 (hr) → 중간 구분 (p) → 작은 구분 (br)

---

1. 일기 쓰기가 왜 좋은 실습일까요? 📔

일기는 p, br, hr 태그를 자연스럽게 사용할 수 있는 완벽한 실습 주제예요! 문단도 나누고, 주소나 시간도 적고, 큰 주제 전환도 있으니까요.

일기장으로 비유하면

📓 일기장을 생각해보세요!

📅 날짜와 제목 = 제목 태그 (h1, h2)
━━━━━━━━━━━━━ 날짜 구분선 = hr 태그

📝 각각의 이야기 = p 태그
(아침에 일어나서... / 학교에서... / 저녁에...)

🕐 시간 적기 = br 태그
(오전 7시
오전 9시
오후 3시)

일기는 구조가 명확해서
태그 연습하기 딱 좋아요! ✨

---

2. 일기 쓰기 - 단계별 가이드 🎯

이제 실제로 일기를 작성해볼 거예요. 차근차근 따라해보세요!

Step 1: 날짜와 제목 만들기

일기의 날짜는 <h1>이나 <h2> 태그로 만들고, 날짜 정보는 <br>로 줄바꿈해요.

<h1>📅 나의 일기</h1>

<h2>즐거웠던 토요일</h2>

<p>
2025년 12월 4일<br>
토요일<br>
날씨: 맑음 ☀️
</p>

결과:

📅 나의 일기

즐거웠던 토요일

2025년 12월 4일
토요일
날씨: 맑음 ☀️

Step 2: 아침 일과 작성하기 (p 태그 사용)

아침에 있었던 일을 <p> 태그로 문단을 만들어서 써요.

<h3>🌅 아침</h3>

<p>
오늘은 평소보다 일찍 일어났어요.
창문을 열었더니 따뜻한 햇살이 들어왔어요.
</p>

<p>
엄마가 맛있는 아침을 차려주셨어요.
계란후라이와 토스트를 먹으면서
오늘 할 일을 생각했어요.
</p>

결과:

🌅 아침

오늘은 평소보다 일찍 일어났어요. 창문을 열었더니 따뜻한 햇살이 들어왔어요.

엄마가 맛있는 아침을 차려주셨어요. 계란후라이와 토스트를 먹으면서 오늘 할 일을 생각했어요.

Step 3: 시간대 구분하기 (hr 태그 사용)

아침과 오후처럼 큰 시간대가 바뀔 때는 <hr> 태그로 구분선을 그어요.

<h3>🌅 아침</h3>

<p>
오늘은 평소보다 일찍 일어났어요.
창문을 열었더니 따뜻한 햇살이 들어왔어요.
</p>

<hr>

<h3>☀️ 오후</h3>

<p>
점심을 먹고 친구들과 공원에 놀러갔어요.
축구를 하면서 신나게 뛰어놀았어요.
</p>

결과:

🌅 아침

오늘은 평소보다 일찍 일어났어요. 창문을 열었더니 따뜻한 햇살이 들어왔어요.

---

☀️ 오후

점심을 먹고 친구들과 공원에 놀러갔어요. 축구를 하면서 신나게 뛰어놀았어요.

Step 4: 세부 정보는 br로 줄바꿈

시간별 일정이나 목록처럼 같은 정보 안에서는 <br>로 줄바꿈만 해요.

<p>
<strong>오후 일정:</strong><br>
14:00 - 공원 도착<br>
14:30 - 축구 시작<br>
16:00 - 간식 시간<br>
17:00 - 집으로 출발
</p>

결과:

오후 일정:
14:00 - 공원 도착
14:30 - 축구 시작
16:00 - 간식 시간
17:00 - 집으로 출발

---

3. 완전한 일기 예시 📖

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

완성 코드

<h1>📅 나의 일기</h1>

<h2>즐거웠던 토요일</h2>

<p>
2025년 12월 4일<br>
토요일<br>
날씨: 맑음 ☀️<br>
기분: 최고! 😊
</p>

<hr>

<h3>🌅 아침</h3>

<p>
오늘은 평소보다 일찍 일어났어요.
창문을 열었더니 따뜻한 햇살이 들어왔어요.
기분이 정말 좋았어요!
</p>

<p>
엄마가 맛있는 아침을 차려주셨어요.
계란후라이와 토스트를 먹으면서
오늘 할 일을 생각했어요.
</p>

<p>
<strong>아침 메뉴:</strong><br>
계란후라이<br>
버터 토스트<br>
따뜻한 우유<br>
신선한 과일
</p>

<hr>

<h3>☀️ 오후</h3>

<p>
점심을 먹고 친구들과 공원에 놀러갔어요.
민수, 지훈이, 수진이랑 같이 갔어요.
</p>

<p>
<strong>오후 일정:</strong><br>
14:00 - 공원 도착<br>
14:30 - 축구 시작<br>
16:00 - 간식 시간<br>
17:00 - 집으로 출발
</p>

<p>
축구를 하면서 신나게 뛰어놀았어요.
민수가 멋진 골을 넣어서 우리 팀이 이겼어요!
간식으로 아이스크림도 먹었어요.
</p>

<hr>

<h3>🌙 저녁</h3>

<p>
집에 와서 샤워를 하고
가족들과 함께 저녁을 먹었어요.
</p>

<p>
<strong>저녁 식사:</strong><br>
김치찌개<br>
불고기<br>
된장국<br>
맛있는 반찬들
</p>

<p>
저녁을 먹고 아빠와 함께
좋아하는 영화를 봤어요.
정말 재미있었어요!
</p>

<hr>

<h3>💭 오늘의 느낀 점</h3>

<p>
오늘은 정말 즐거운 하루였어요.
친구들과 신나게 놀고,
가족들과 함께 시간을 보내서 행복했어요.
</p>

<p>
내일도 오늘처럼<br>
좋은 일이 가득하면 좋겠어요! ✨
</p>

결과 - 완성된 일기:

📅 나의 일기

즐거웠던 토요일

2025년 12월 4일
토요일
날씨: 맑음 ☀️
기분: 최고! 😊

---

🌅 아침

오늘은 평소보다 일찍 일어났어요. 창문을 열었더니 따뜻한 햇살이 들어왔어요. 기분이 정말 좋았어요!

엄마가 맛있는 아침을 차려주셨어요. 계란후라이와 토스트를 먹으면서 오늘 할 일을 생각했어요.

아침 메뉴:
계란후라이
버터 토스트
따뜻한 우유
신선한 과일

---

☀️ 오후

점심을 먹고 친구들과 공원에 놀러갔어요. 민수, 지훈이, 수진이랑 같이 갔어요.

오후 일정:
14:00 - 공원 도착
14:30 - 축구 시작
16:00 - 간식 시간
17:00 - 집으로 출발

축구를 하면서 신나게 뛰어놀았어요. 민수가 멋진 골을 넣어서 우리 팀이 이겼어요! 간식으로 아이스크림도 먹었어요.

---

🌙 저녁

집에 와서 샤워를 하고 가족들과 함께 저녁을 먹었어요.

저녁 식사:
김치찌개
불고기
된장국
맛있는 반찬들

저녁을 먹고 아빠와 함께 좋아하는 영화를 봤어요. 정말 재미있었어요!

---

💭 오늘의 느낀 점

오늘은 정말 즐거운 하루였어요. 친구들과 신나게 놀고, 가족들과 함께 시간을 보내서 행복했어요.

내일도 오늘처럼
좋은 일이 가득하면 좋겠어요! ✨

💡 태그 사용 분석

• h1, h2, h3: 일기 제목과 각 시간대 제목
• hr 태그: 시간대 구분 (아침/오후/저녁/느낀점)
• p 태그: 각각의 이야기나 내용을 담은 문단
• br 태그: 날짜 정보, 메뉴, 일정 같은 목록 형태
• 결과: 깔끔하고 읽기 쉬운 일기 완성! ✅

만화책으로 비유하면

📚 일기는 만화책과 같아요!

📖 hr 태그 = 챕터 구분선
━━━━━━━━━━━━━
제1화 끝
━━━━━━━━━━━━━
제2화 시작

💬 p 태그 = 말풍선 하나하나
각 말풍선이 독립적인 대사

📝 br 태그 = 말풍선 안의 줄바꿈
"안녕하세요
만나서 반가워요"

일기도 만화처럼
구조가 명확해요! 🎨

---

4. 다양한 일기 주제 아이디어 💡

일기는 여러 주제로 쓸 수 있어요. 다음 주제들을 참고해서 직접 써보세요!

주제	태그 활용 포인트
여행 일기	장소별로 hr 구분, 주소는 br 사용
방학 계획 일기	주별로 hr 구분, 할 일 목록은 br
운동 일기	운동 종류별 hr, 세트 정보는 br
독서 일기	책별로 hr, 책 정보는 br
요리 일기	레시피별 hr, 재료 목록은 br
관찰 일기	날짜별 hr, 관찰 내용은 p

샌드위치 만들기로 비유하면

🥪 일기는 샌드위치를 만드는 것과 같아요!

🍞 hr 태그 = 빵 사이의 접시
각 샌드위치를 구분하는 접시
━━━━━━━━━━━━━

🥬 p 태그 = 재료 한 층
상추 한 층, 토마토 한 층
각각 독립적으로 쌓여요

📝 br 태그 = 한 층 안의 잘게 자른 재료
잘게 자른 상추
잘게 자른 양파
잘게 자른 치즈

순서대로 차곡차곡
맛있는 샌드위치 완성! 🎉

---

5. 실전 연습 문제 📝

🎯 실습 과제

미션 1: 간단한 일기 쓰기

오늘 또는 어제 있었던 일을 간단하게 일기로 써보세요!

제목 태그로 날짜와 제목 만들기

hr 태그로 2개 이상의 시간대 구분하기

p 태그로 3개 이상의 문단 만들기

br 태그로 5번 이상 줄바꿈하기

미션 2: 특별한 주제 일기

다음 주제 중 하나를 골라서 일기를 써보세요!

1. 생일 파티 일기 - 준비 / 파티 / 선물
2. 소풍 일기 - 출발 / 도착 / 활동 / 귀가
3. 요리 체험 일기 - 재료 준비 / 요리 과정 / 시식
4. 영화 관람 일기 - 극장 가기 / 영화 보기 / 느낀 점
5. 가족 여행 일기 - 이동 / 관광 / 숙소 / 추억

주제에 맞는 제목 작성하기

hr로 큰 섹션 3개 이상 나누기

각 섹션마다 p 태그 2개 이상 사용

목록이나 정보는 br로 깔끔하게 정리

예시 답안: 영화 관람 일기

<h1>🎬 나의 영화 일기</h1>

<h2>신나는 영화 데이!</h2>

<p>
2025년 12월 4일<br>
일요일<br>
날씨: 흐림 ☁️
</p>

<hr>

<h3>🚗 극장 가는 길</h3>

<p>
오늘은 가족들과 함께 영화를 보러 갔어요.
엄마, 아빠, 동생이랑 같이 갔어요.
</p>

<p>
<strong>방문 정보:</strong><br>
극장: CGV 강남점<br>
출발 시간: 오후 2시<br>
도착 시간: 오후 2시 30분
</p>

<hr>

<h3>🎥 영화 관람</h3>

<p>
<strong>관람 영화 정보:</strong><br>
제목: 슈퍼 히어로의 모험<br>
상영 시간: 오후 3시<br>
러닝타임: 120분<br>
관람등급: 전체관람가
</p>

<p>
영화가 시작하기 전에
팝콘과 콜라를 샀어요.
달콤한 캬라멜 맛 팝콘이었어요!
</p>

<p>
영화는 정말 재미있었어요.
주인공이 악당을 물리치는 장면이
특히 멋있었어요!
</p>

<hr>

<h3>💭 영화를 보고 느낀 점</h3>

<p>
영화의 메시지가 정말 감동적이었어요.
"포기하지 않으면 꿈은 이루어진다"는
말이 기억에 남아요.
</p>

<p>
<strong>영화 평점:</strong><br>
재미: ⭐⭐⭐⭐⭐<br>
감동: ⭐⭐⭐⭐<br>
영상미: ⭐⭐⭐⭐⭐<br>
전체 만족도: 최고! 👍
</p>

<p>
다음에도 가족들과 함께<br>
재미있는 영화를 보러 가고 싶어요! 🎬✨
</p>

---

6. 실습 체크 포인트 ✅

🔍 내 일기 점검하기

제목 태그 사용:

h1으로 전체 제목 만들었나요?

h2로 일기 제목 만들었나요?

h3로 각 섹션 제목 만들었나요?

hr 태그 사용:

시간대나 주제가 바뀔 때 hr을 사용했나요?

hr을 너무 많이 사용하지 않았나요? (적절하게)

p 태그 사용:

각 문단마다 p 태그를 사용했나요?

p 태그의 닫는 태그를 잊지 않았나요?

br 태그 사용:

날짜, 시간 같은 정보에 br을 사용했나요?

목록 형태의 내용에 br을 사용했나요?

br을 연속으로 너무 많이 사용하지 않았나요?

---

7. 퀴즈로 복습하기 🎯

Q1. 일기에서 날짜 정보를 쓸 때 가장 적절한 태그는?

① p 태그 (각 줄마다)
② br 태그 (한 p 안에서 줄바꿈)
③ hr 태그 (각 줄마다 선)
④ 태그 없이 쓰기

정답 보기 👆

정답: ② br 태그

날짜는 하나의 정보이므로 p 태그 하나 안에서
br로 줄바꿈하는 게 가장 자연스러워요!

예시:
<p>
2025년 12월 4일<br>
토요일<br>
날씨: 맑음
</p>

Q2. 아침, 오후, 저녁처럼 큰 시간대를 구분할 때 사용하는 태그는?

① p 태그
② br 태그
③ hr 태그
④ h1 태그

정답 보기 👆

정답: ③ hr 태그

큰 시간대나 주제가 바뀔 때는
hr 태그로 구분선을 그어요!

예시:
<h3>아침</h3>
<p>아침 내용...</p>
<hr>
<h3>오후</h3>
<p>오후 내용...</p>

Q3. 다음 중 올바른 일기 구조는?

① br만 사용해서 전체 작성
② p만 사용해서 전체 작성
③ hr로 큰 구분, p로 문단, br로 세부 정보
④ 모든 곳에 hr 사용

정답 보기 👆

정답: ③ hr로 큰 구분, p로 문단, br로 세부 정보

세 가지 태그를 적절히 조합해야
가장 읽기 쉽고 구조적인 일기가 돼요!

올바른 순서:
1. hr로 큰 섹션 나누기
2. p로 각 문단 만들기
3. br로 같은 정보 안에서 줄바꿈

---

✨ 오늘 배운 핵심 정리

1. 일기는 p, br, hr 태그를 실습하기 완벽한 주제
2. 제목은 h1, h2, h3로 계층적으로 구성
3. 시간대나 큰 주제 구분에는 hr 태그 사용
4. 각 이야기나 내용은 p 태그로 문단 만들기
5. 날짜, 시간, 목록 정보는 br 태그로 줄바꿈
6. 세 가지 태그를 적절히 조합하면 깔끔한 일기 완성
7. 실전 연습을 통해 태그 사용법을 완벽하게 익히기

---

📚 Day 14: 주간 복습 + 퀴즈

다음편에는 Week 2에서 배운 모든 내용을 종합 정리하고,
재미있는 퀴즈로 실력을 확인해봐요!
p, br, hr 태그를 완벽하게 마스터하는 시간이에요! 🎯✨

---

📝 오늘의 한마디

"실습을 통해 배우는 게 가장 확실해요!
직접 일기를 작성하면서
태그 사용의 감각을 익혀보세요! 💪✨"

✅ 오늘 배운 것 체크리스트

일기에서 각 태그의 역할을 이해했다

hr로 시간대를 구분할 수 있다

p로 각 이야기를 문단으로 만들 수 있다

br로 날짜와 정보를 깔끔하게 정리할 수 있다

직접 일기를 작성해봤다

세 가지 태그를 적절히 조합할 수 있다

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