평소 일할 때 컴포넌트에 대해서 스타일 수정하고 적용하는 작업은 많이 하는데 빈 페이지에 처음부터 스타일을 잡고 적용시킨 건 아주 오래 전 개인 프로젝트할 때 말곤 없어서 막상 구현하려니 헷갈리고 좀 어려웠다. 간단해보이는 웹 페이지인데도 스타일을 적용하고 지우고 또 적용하고 또 지우고를 반복했다. 뭐든 처음에 구조를 탄탄하게 잡아둬야 무너지지 않는다. 다음에 또 구현할 때 헷갈려서 구글 검색을 하게 될 게 뻔하기 때문에 웹 페이지 구조를 잡는 비법(?)에 대해 미리 정리를 해보았다. 프로그래머스 "만들면서 배우는 실전 퍼블리싱" 스터디에서 강의를 들으면서 + 과제를 해나가면서 + 구글 검색으로 이루어진 내용이다. Header, Main, Footer로 구성된 보통의 웹 사이트 구조를 예시로 구현해봤다...