[WEB] 브라우저 소개 및 역할 그리고 기능

우리가 항상 사용하고 있는 브라우저!

과연 무엇을 해주며 어떤 차이가 있는지 간단하게 알아봅니다.

---

브라우저의 역할

사용자가 선택한 자원(URL)을 서버에 요청하고 받아 화면에서 표시합니다.

주소창에 주소를 입력한 후, 엔터를 치면 브라우저가 해당 주소로 요청을 보냅니다.

이 때, 요청을 받은 곳, 즉, 서버에서 응답을 보내준다. 브라우저는 요청에 대한 결과(응답)를 화면에 그립니다.

 

1. 원하는 웹 사이트에 쉽게 접속 할 수 있게 합니다.

2. 정보를 쉽게 겁색할 수 있습니다.

3. 웹 사이트 목록의 관리가 쉽습니다.

4. 찾은 정보의 관리가 편합니다.

 

브라우저의 기능

브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것입니다.

자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해집니다.

 

브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데
이 명세는 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정합니다.
과거에는 브라우저들이 일부만 이 명세에 따라 구현하고 독자적인 방법으로 확장함으로써
웹 제작자가 심각한 호환성 문제를 겪었지만 현재는 대부분의 브라우저가 표준 명세를 따르고 있습니다.

 

그래서 브라우저의 사용자 인터페이스는 서로 닮아 있는데 다음과 같은 요소들이 일반적입니다.

 

• URI를 입력할 수 있는 주소 표시 줄

• 이전 버튼과 다음 버튼

• 북마크

• 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼

• 홈 버튼

 

브라우저의 기본 구조

브라우저 주요 구성 요소

 

1. 사용자 인터페이스

   주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분.

2. 브라우저 엔진
   사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어.

3. 렌더링 엔진
   요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시함.

4. 통신
   HTTP 요청과 같은 네트워크 호출에 사용됨. 이것은 플랫폼 독립적인 인터페이스이고 각 플랫폼 하부에서 실행됨.

5. UI 백엔드
   콤보 박스와 창 같은 기본적인 장치를 그림. 플랫폼에서 명시하지 않은 일반적인 인터페이스로서,OS 사용자 인터페이스 체계를 사용.

6. 자바스크립트 해석기
   자바스크립트 코드를 해석하고 실행.

7. 자료 저장소
   자료를 저장하는 계층이다. 쿠키를 저장하는 것과 같이 모든 종류의 자원을 하드 디스크에 저장할 필요가 있습니다.
   HTML5 명세에는 브라우저가 지원하는 '웹 데이터 베이스'가 정의되어 있습니다.

브라우저의 종류와 렌더링 엔진

브라우저	렌더링 엔진
IE	Trident
Chrome	Webkit
Safari	Webkit
FireFox	Gecko
Opera	Presto, Blink(버전 15이후)

 

참고 자료

• 브라우저는 어떻게 동작하는가?