HTML+CSS+JavaScript

13.1

최종 프로젝트 개요

실무에서 웹 페이지를 만들게 되면 디자인 파일을 받아서 디자인 파일처럼 만드는 작업을 하게 될 확률이 매우 높습니다. 따라서 온전하게 웹 페이지를 만들 수 있으려면 최소한 디자인 파일을 분석하거나 활용할 수 있을 정도로 디자인 도구를 이해하고 있어야 합니다.

그러나 이 책은 디자인 도구를 설명하는 책이 아닙니다. 또한, 디자인 도구는 포토샵을 비롯해 Adobe XD, 제플린(zeplin), 피그마(figma)와 같이 종류가 다양합니다. 설명하려고 해도 범위가 너무 넓어지죠.

그래서 최종 프로젝트는 실무에서 이미 완성된 디자인을 보고 웹 페이지를 만들듯이 설명과 함께 단계적으로 웹 페이지를 만들어가는 방식으로 진행하게 됩니다. 함께 코드를 작성하다 보면 지금까지 배운 내용이 어떻게 어우러져서 웹 페이지로 완성되는지 이해할 수 있게 됩니다.

최종 프로젝트의 완성 모습은 데모 페이지(https://pensive-kowalevski-fdf325.netlify.app)에서 확인할 수 있습니다. 데모 페이지를 보면 프로젝트는 크게 헤더, 메인, 섹션(About Me, What I Do, Background, PortFolio, Contact With Me) 영역으로 나뉩니다.