브라우저의 구조

1. 사용자 인터페이스 - 주소창, 뒤로가기버튼/앞으로가기 버튼, 북마크 메뉴 등이 포함됩니다.
요청한 페이지를 보여주는 부분인 메인 윈도우를 제외한, 브라우저의 나머지 부분이 이에 해당됩니다.

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

3. 렌더링 엔진 - 요청한 컨텐트를 화면에 보여주는 일을 담당합니다.
예를들어 요청한 컨텐트가 HTML이면, HTML과 CSS를 파싱하여 스크린에 보여줍니다.

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

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

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

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

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

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

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

출처:http://fantalon.tistory.com/entry/브라우저가-어떻게-작동할까