HTML과 CSS

서버/클라이언트/웹의 동작 개념

브라우저

1) 서버에게 요청을 한다.
2) 서버가 준 결과물을 받아서 그려준다.

브라우저 동작 원리

브라우저의 기본적인 역할은 HTML, CSS 명세에 따라 HTML을 해석해서 표시하는 것입니다. 브라우저 구성요소는 아래와 같습니다.

• 사용자 인터페이스
• 브라우저 엔진(Chrome과 Safari는 Webkit, Firefox는 Gecko)
• 렌더링 엔진
• 통신
• UI 백엔드
• 자바스크립트 해석기
• 자료 저장소

렌더링 엔진은 HTML문서 파싱 => DOM 트리 구축 => CSS 마크업을 파싱 => 앞서 구축한 DOM 트리와 함께 렌더링 트리 생성

서버가 준 결과물 (= HTML, CSS, JS)

종류	특징
HTML	뼈대를 잡아주는 것
CSS	꾸미는 것, 색, 사이즈 등 예쁘게 꾸미는 것
JavaScript	움직이는 것, 클릭하면 이동하는 것

=> 우리가 보는 웹 페이지가 완성된다.

그릴것? Data로 이루어짐
1) HTML, CSS, JS
2) 특수한 경우에는 데이터만 받아 올 때가 있다. 데이터만 주는경우 => JSON 형식

HTML

HTML은 웹 페이지의 뼈대를 잡아주는 문서 구조로 이루어져 있다. 웹 페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는 언어니다.

태그로 이루어짐

<title></title>

위의 코드와 같이 태그로 이루어져 있다. 여는 태그와 닫는 태그로 이루어져 있다. 닫는 태그가 없는 태그도 있다.

CSS

CSS는 뼈대를 보기 좋게 꾸며주는 것

Bootstrap

남이 만들어 놓은 CSS 사용하기