브라우저 파헤치기

<출처: http://fantalon.tistory.com/153 >

♣ 글 목록

브라우저는 어떻게 동작하는가? [2012/05]

├브라우저의 동작원리 3. 파싱과 DOM 트리 생성   [2012/01/03]

├브라우저는 작동원리 2. 렌더링 엔진   [2012/01/03]

└브라우저의 작동원리 1. 소개   [2012/01/03]

♣ 브라우저의 주요 구성요소 -- 일부 발췌

 

1. 사용자 인터페이스 - 주소창, 뒤로가기버튼/앞으로가기 버튼, 북마크 메뉴 등이 포함됩니다. 

   요청한 페이지를 보여주는 부분인 메인 윈도우를 제외한, 브라우저의 나머지 부분이 이에 해당됩니다.

2. 브라우저 엔진 - UI와 렌더링 엔진 간의 동작을 진행합니다.

3. 렌더링 엔진 - 요청한 컨텐트를 화면에 보여주는 일을 담당합니다. 

   예를들어 요청한 컨텐트가 HTML이면, HTML과 CSS를 파싱하여 스크린에 보여줍니다.

4. 네트워킹 - HTTP request 같은 네트워크 요청에 사용됩니다. 인터페이스는 플랫폼 독립적이지만 내부 구현은 플랫폼마다 개별적 입니다. 

5. UI 백엔드 - 콤보박스, 윈도우처럼 기본적인 위젯을 화면에 그려줍니다. 

   특정 플랫폼에 제한되지 않는 일반적인 인터페이스를 보여줍니다. 각 OS 사용자 인터페이스 메서드를 사용합니다.

6. 자바스크립트 인터프리터 - 자바스크립트 코드를 파싱하고 실행하는데 쓰입니다.

7. 데이터 스토리지 - 데이터 저장부분. 브라우저는 하드디스크에 쿠키 등의 데이터를 저장해야 합니다.

   새 HTML 스펙(HTML5)은 '웹 데이터베이스'를 브라우저에서의 완성된 데이터베이스로 정의하고 있습니다. 

  그림1: 브라우저의 주요 구성요소

---

출처: https://opentutorials.org/course/1375/6622