브라우저는 어떻게 동작하는가? (번역)

How Web Browsers Work ?

위의 글을 번역한 글입니다.

 

 

What is browser?

browser는 WWW(World Wide Web)의 정보에 접근하기 위해 사용되는 소프트웨어 어플리케이션이다.

browser의 주된 기능은 서버에서 resource를 검색해 browser window에 보여주는 것이다. resource는 보통 HTML 문서지만 PDF, 이미지, 오디오, 비디오 또는 다른 종류의 콘텐츠일 수도 있다. 리소스의 위치는 URI(Uniform Resource Identifier)를 사용하여 지정된다.

 

URL(Uniform Resource Locator)와 URI(Uniform Resource identifier)의 차이?

URI는 URL을 포함하는 개념이다.

예를 들어, http://naver.com 은 URI이면서 동시에 URL이라고 할 수 있지만, http://naver.com?query=디노문경 은 식별자가 포함되어있기 때문에 URL이 아니라 URI이다.

 

 

 

 

 

1. User Interface

유저가 browser와 상호작용할 수 있는 요소의 레이아웃

크롬 브라우저를 예로 들면, 뒤로 가기 버튼, 앞으로 가기 버튼, 즐겨찾기 버튼 등등을 UI라고 한다.

 

 

 

2. Browser Engine

UI와 Rendering Engine을 이어주는 다리 역할을 한다.

UI로부터 들어오는 다양한 입력들을 Rendering Engine에 전해준다.

 

 

3. Rendering Engine

HTML 페이지가 요청되면, HTML 문서와 CSS를 분석하여 분석 및 포맷된 내용을 화면에 표시한다.

* Internet Explorer: Trident
* Firefox & other Mozilla browsers: Gecko
* Chrome & Opera 15+: Blink
* Chrome (iPhone) & Safari: Webkit

 

 

4. Networking

browser에서 일어나는 모든 종류의 통신을 처리해준다.

 

 

5. UI Backend

콤보박스, 알림, 팝업창, 프레임 등 기본 위젯을 그리는 데 사용된다.

 

 

6. Javascript Interpreter

웹페이지에 내장된 자바스크립트 코드를 분석하여 실행한다.

 

 

7. Data Storage

캐시, 쿠키, 북마크와 같은 사용자 데이터들을 관리하고 저장한다.

브라우저는 localStorage, IndexedDB, WebSQL 및 FileSystem과 같은 저장 메커니즘을 지원한다.

브라우저가 설치된 컴퓨터의 로컬 드라이브에 만들어진 작은 데이터베이스다.