# HTML 실습 과제: 블로그 목업 만들기
## 학습 목표
HTML 지식을 적용하여 완전한 블로그 홈페이지 구조를 설계하고 코딩합니다. 이 실습 과제는 시맨틱 HTML 개념, 접근성 모범 사례, 그리고 전문적인 코드 조직 기술을 강화하여 웹 개발 여정 전반에 걸쳐 활용할 수 있도록 합니다.
**이 과제를 완료하면 다음을 할 수 있습니다:**
- 코딩 전에 웹사이트 레이아웃 계획 연습
- 시맨틱 HTML 요소를 적절히 적용
- 접근 가능하고 잘 구성된 마크업 생성
- 주석과 조직을 통한 전문적인 코딩 습관 개발
## 프로젝트 요구 사항
### 1부: 설계 계획 (시각적 목업)
**블로그 홈페이지의 시각적 목업을 생성하세요. 목업에는 다음이 포함되어야 합니다:**
- 사이트 제목과 내비게이션을 포함한 헤더
- 최소 2-3개의 블로그 게시물 미리보기가 있는 메인 콘텐츠 영역
- 추가 정보(소개 섹션, 최근 게시물, 카테고리)가 있는 사이드바
- 연락처 정보 또는 링크가 있는 푸터
**목업 생성 옵션:**
- **손으로 그린 스케치**: 종이와 연필을 사용하여 디자인한 후 사진 촬영 또는 스캔
- **디지털 도구**: Figma, Adobe XD, Canva, PowerPoint 또는 기타 그리기 앱
- **와이어프레임 도구**: Balsamiq, MockFlow 또는 유사 와이어프레밍 소프트웨어
**목업 섹션에 사용할 HTML 요소를 라벨로 붙이세요** (예: "Header - ``", "Blog Posts - ``").
### 2부: HTML 요소 계획
**목업의 각 섹션을 특정 HTML 요소에 매핑하는 목록을 만드세요:**
```
Example:
- Site Header →
- Main Navigation →