<section 01> 프로젝트 구조 설계
개발할 웹 앱의 전체 구조도는 앱의 전체를 한눈에 파악할 수 있기 때문에 개괄적으로라도 작성해두는 것이 좋음!
예) my favorites 의 구조도
| main | ||
| favorite movies | favorite games | favorite books |
▶ 명세서 작성
| 페이지명 | 파일명 | 페이지가 표시하는 내용 |
| main | index.html | 사이트의 개략적인 소개와 메인페이지에서 각 주요화면으로 이동하는 네비게이션 바 제공 |
| movies | s1.html | 좋아하는 영화의 개략적인 설명 |
| games | s2.html | 좋아하는 게임의 개략적인 설명 |
| books | s3.html | 좋아하는 책의 개략적인 설명 |
<secction 02> 프로젝트 작성
프로젝트의 뼈대를 작성한 후 보일러플레이트를 사용한 반응형 웹사이트 템플릿을 사용해서 각 페이지를 작성한다
<section 03> 실행 및 배포
프로젝트를 화면의 크기별로 작성해보고, 제대로 표시되면 WAR 파일을 작성한다
'HTML&CSS&JavaScript > 교재' 카테고리의 다른 글
| CH5- sec3. 동작을 처리하는 자바스크립트와 제이쿼리 라이브러리 (0) | 2025.03.04 |
|---|---|
| CH5- sec2. 동작을 처리하는 자바스크립트와 제이쿼리 라이브러리 (0) | 2025.03.03 |
| CH5- sec1. 동작을 처리하는 자바스크립트와 제이쿼리 라이브러리 (0) | 2025.03.03 |
| CH4- sec5 태그를 표현하는 CSS와 Advanced CSS3 (0) | 2025.03.03 |
| CH4- sec4태그를 표현하는 CSS와 Advanced CSS3 (0) | 2025.02.28 |