간단한 요약
오늘은 m.naver.com 즉 모바일 버전의 네이버 웹페이지를 클로닝했다. 단, 강의 보지 않고 스스로 모든 걸 클로닝 해봤다.
배운 내용
- 현재 보통 vscode에서 작업할 때 신경쓰지 않고 있던 내용이지만, 모바일 웹페이지를 제작할 때는 반드시
<meta name="viewport" content="width=device-width, initial-scale=1.0">태그를 작성해줘야 한다.
- 왼쪽은 실제 네이버 모바일 페이지이며 오른쪽은 클로닝한 나의 제작 페이지다.
어려웠던 점
- 처음의 layout을 구조적으로 생각하는 것이 시간이 조금 걸리며, 결정 후 진행하는 것은 크게 어렵지 않다.
- 이런 포털 사이트에는
a태그가 너무 많이 쓰인다는 것이 피곤한 작업이었다.
나의 코드
github에 고스란히 업로드 해두었다.
