
이번 포스트에서는 제가 네이버 프론트 페이지를 클론 코딩하는 과정을 기록하려고 합니다. 네이버는 한국에서 가장 인기 있는 검색 엔진 중 하나로, 깔끔한 디자인과 여러 기능들이 사용자들에게 많은 정보를 제공합니다. 이 프로젝트를 진행하면서 HTML, CSS 를 활용해 네이버의 프론트 페이지를 완벽하게 재현해 보겠습니다. 우선 클론코딩하기전 페이지가 어떤식으로 구성되어있는지 나눠봤습니다. 가로 세로 div 넣을 위치를 미리 파악하기위해 개발자도구를 통해 큰 틀을 확인하였습니다. 보통 가로부터 구분을하지만 웹사이트의경우 예외로 컨테이너가 가운데로 작업을 하려면 세로를 구분시작해놓고 작업을하는게 낫다고 생각하여 세로선 작업이후 상단의 3개의 아이콘과 검색창을 구현했습니다. div태그와 id를 이용하여 html ..