프로젝트, 클론 코딩(2)
-
네이버 메인 클론코딩 - Ch.2
* 레이아웃 나누기 ㄴ 구조를 잘못 잡으면 나중에 CSS, Javascript 다룰 때 매우 불편해지므로 처음부터 구조 잡는데 신경을 많이 써야함 ㄴ 가로 -> 세로 순으로 나눠본다.(가상의 선을 그었을 때 콘텐츠가 걸리지 않도록 or 처럼 선으로 나눠진 부분을 구역으로 나눈다) ㄴ 나눠진 구역 각각을 다시 가로 -> 세로 순으로 나눈다. (세로 -> 가로가 더 효율적일 수도 있으니 경험을 많이 쌓아야함) 정리하면, 1. 먼저 검은 선을 기준으로 , , 로 나누었다. 2. 페이지 전체의 수평선을 긋는 파란 선을 그었다. 3. 그 선에 의한 칸에서 가로는 파란 선, 세로는 빨간 선을 그었다. 그렇게 생긴 작은 부분 구역들은 , , 등 그 외 다양한 semantic 태그로 구조화 할 수 있다. -> a태그의..
2022.12.20 -
네이버 메인 클론 코딩 - Ch.1
HTML, CSS를 배우긴 했는데 제대로 된 걸 만들어 본 적이 없어서 클론 코딩을 해보기로 했습니다. 본 게시물은 제로초(Zerocho)님의 Youtube 무료 강좌와 개인적으로 궁금해 찾아본 내용을 합쳐 내용 요약했습니다. https://youtu.be/ohpjJNal2lk 제로초님 Github : https://github.com/ZeroCho ZeroCho - Overview Let's get IT 자바스크립트 && Node.js 교과서 저자 유튜브 방송https://www.youtube.com/c/zerochotv 블로그 www.zerocho.com - ZeroCho github.com 여기서 소스코드도 확인해볼 수 있습니다. - 개발 도구 크롬 웹스토어 확장 프로그램 추천 ㄴ headingsm..
2022.12.18