![]()
네이버, 유튜브, 페이스북 등등 우리는 많은 웹페이지를 본다. 하지만 일반적인 사람들 관점에서는 그냥 별 생각없이 웹페이지를 이용한다. 프론트엔드 공부를 시작하면서 중요했던건 자주 사용하는 웹페이지를 보더라도 그냥 지나치는 것이 아닌, HTML 골격구조는 어떻게 구성되어 있고, 어떤 CSS 기법이 쓰였는지 분석해보는게 정말 중요한 것 같다. 그래서 엄~~청 자주 사용하는 네이버 메인 페이지를 분석해보았다. (※참고, 몇 개월 전에 공부할때 해본 것이며, 정확한 정답은 아닙니다!) 파란색 박스 : body 초록색 박스 : header (헤더 안에 네이버로고, 검색창, 검색버튼, '네이버를 시작페이지로', '쥬니어 네이버', '해피빈' 등의 로고가 있다.) 빨간색 박스 : 사이드바 (사이드바에도 엄청 많은 ..
![]()
사실 프론트엔드 부분은 몇개월전 부터 공부를 시작했다. microsoft의 ONE NOTE라는 전자필기장으로 혼자 공부하며 필기했었는데, 다른 사람들과도 공유하면 싱크(?)가 안맞고 필기했던게 다 꼬인다. 이번에 개발 블로그를 시작했으니 지금까지 필기하고 공부했던 부분을 여기다가 복습도 할 겸 다시 포스팅하기로 했다. 1. HTML 이란? HTML : Hyper Text Markup Language의 약자 HTML은 브라우저에서 실행 가능한 가장 기본적인 파일, HTML은 Markup언어로 구조적으로 이루어져있다. Html 의 기본적인 구조 --> 도큐먼트 타입은 html이라고 정의 --> 사용자에게 보여지는 최소한의 컴포넌트 UI (유저에게 보여지는 부분) Heading1 --> 제일 큰 태그 Head..
