[100일 코딩 챌린지]1-5일차

웹 개발이란 무엇이며 웹은 어떻게 작동할까요?

- 주소창에 URL입력

- DNS서버에 IP response 받음

- client에서 서버에  https request

- 서버에서 client에 response

 

웹 작동방식

-https://도메인/path === URL

 

vscode prettier formatter

settings => Dafault Formatter검색 => prettier-esbenp.prettier-vscode 입력 후 저장

 

레이아웃 구성

header, main, footer, 네비게이션바, 사이드바

 

선택자와 결합자를 이용하여 스타일 주는 법

 

인라인 엘리먼트 => 좌우 이동은 마진으로, 상하 이동은 패딩으로 => display:inline-block 으로 해결 가능

블락 엘리먼트=> 상하 좌우 마진 개발자 도구에서 확인 가능

display:inline-block => new line은 아니지만, block요소 처럼 작동

마진 겹침 => 브수평겹침에는 영향이 없고, 수직 겹침에는 큰 마진이 작은 마진을 포함함