웹 기초 용어 정리

브라우저

 

브라우저란?

 

- 브라우저는 서버에 자원을 요청(request)하고 그걸 응답(response)해 윈도우에 표시하는 역할을 한다.

- HTML 파일이나 CSS 파일, 이미지 등이 서버에서 넘어오면 파싱(Parsing)이란 작업을 거쳐 화면에 그려낸다.

- 이 과정에서 '어떻게 해석할까?'의 방식은 브라우저마다 조금씩 다르다.

 

 

 

브라우저의 구조

 

 

 

사용자 인터페이스

 

- 웹 URL을 보여주는 주소 표시 줄, 앞/뒤로 가기, 새로고침, 북마크 표시 줄 등을 뜻합니다. 

 

브라우저 엔진

 

- 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어합니다. 주어진 URL을 읽어들이며, 앞/뒤 페이지로 가거나 새로 고침을 하는 등의 기초적인 액션을 담당합니다.

 

렌더링 엔진

 

- HTML, CSS 등을 해석해주는 엔진입니다. 네트워크 계층의 데이터를 처리하고 웹 컨텐츠를 화면에 표시해 줍니다. Gecko, Trident, WebKit 등 다양한 렌더링 엔진이 존재합니다.

 

네트워킹

 

- HTTP 리퀘스트와 같은 네트워크 통신을 담당합니다.

 

자바스크립트 해석기

 

- 자바스크립트 코드를 해석하고 실행시켜줍니다. 크롬의 경우 구글 v8 엔진이 그것이다.

 

UI 백엔드

 

- 콤보박스, 윈도우 등 의 기본적인 위젯을 그려줍니다. OS에서 제공하는 UI 메서드를 사용합니다.

 

자료 저장소(Data Persistence)

 

- 로컬/세션 스토리지, 쿠키, WebSQL 등의 다양한 브라우저 API로 이루어져 있습니다.

 

 

 

 

HTML

 

- 웹의 컨텐츠나 구조 등을 정의하기 위한 마크업 언어. HTML은 프로그래밍 언어가 아닙니다.

 

CSS

 

- HTML과 같은 마크업 언어가 윈도우에 표시될 때, 어떤 스타일로 화면에 표시를 할 지를 결정하는 스타일 언어

- 작성방식은 총 3가지

  - In-line은 태그 내부에 style 프로퍼티에 작성

  - Internal은 style 태그를 자체적으로 html 파일에 작성

  - external은 따로 css확장자를 갖는 파일을 작성한 뒤 html에서 link태그로 참조