📄 1. 요가 반응형 웹사이트 프로젝트 개요

🗃️ 2. 파일 구조

.
|-- index.html
|-- /img
|-- /js
|		|-- modal.js              // modal창 스크립트
|		|-- moveSection.js        // 메뉴 클릭시 해당 section으로 이동하는 스크립트
|		|-- scheduleToggleBtn.js  // 수업 시간표를 보였다 안 보였다 할 수 있는 버튼 스크립트
|		|-- toggleBtn.js          // 디바이스별 화면이 작아지면 메인 메뉴는 사라지고 toggle 메뉴가 나타나는데 필요한 toggle 기능이 들어간 스크립트
|		|-- topBtn.js             // 원페이지 형식의 웹사이트라 맨 위로 이동시 필요한 버튼의 기능이 들어간 스크립트
|
|-- /css
		|-- reset.css             // 초기화 스타일
		|-- components.css        // 공통 레이아웃, 글자, 배경 스타일
		|-- navBar.css            // navBar 스타일
		|-- home.css              // home 스타일
		|-- about.css             // about 스타일
		|-- history.css           // history 스타일
		|-- classType.css         // classType 스타일
		|-- classContent.css      // classContent 스타일
		|-- schedule.css          // schedule 스타일
		|-- studioGallery.css     // sutidoGallery 스타일
		|-- modal.css             // modal 스타일
		|-- faq.css               // faq 스타일
		|-- contact.css           // contact 스타일
		|-- footer.css            // footer 스타일
		|-- topBtn.css            // topBtn 스타일

🪜 3. 구조 설계(HTML DOM Tree)