2013년 9월 16일 월요일

브라우저구조

>>브라우저의 주요기능

- 사용자가 선택한 resource를 서버에 요청
- 요청한 정보를 브라우저에 표시하는 것.
--> 이때 HTML/CSS 명세에 따라서 HTML을 parsing해서 표시함
- resource종류 : HTML,PDF,IMG 또는 다른형태
- resource의 주소 : URI(Uniform Resource Identifier)


>>브라우저의 기본구조.
cba8d4718c301bc16758feabda98619a.png
  1. 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다.
  2. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어.
  3. 렌더링 엔진 - 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시함.
  4. 통신 - HTTP 요청과 같은 네트워크 호출에 사용됨. 이것은 플랫폼 독립적인 인터페이스이고 각 플랫폼 하부에서 실행됨.
  5. UI 백엔드 - 콤보 박스와 창 같은 기본적인 장치를 그림. 플랫폼에서 명시하지 않은 일반적인 인터페이스로서, OS 사용자 인터페이스 체계를 사용.
  6. 자바스크립트 해석기 - 자바스크립트 코드를 해석하고 실행.
  7. 자료 저장소 - 이 부분은 자료를 저장하는 계층이다. 쿠키를 저장하는 것과 같이 모든 종류의 자원을 하드 디스크에 저장할 필요가 있다. HTML5 명세에는 브라우저가 지원하는 ' 데이터 베이스'가 정의되어 있다.
>>렌더링엔진
- 요청받은 내용을 브라우저 화면에 표시하는일..
- 모질라(GecKo)엔진사용
- 사파리,크롬(Webkit)엔진사용

>> 렌더링 엔진의 동작
- 통신을 통해서 요청한 문서를 얻어옴( 문서는 보통 8kb 단위로 전송됨)
- 렌더링 엔진의 기본 동작과정
94e35952e60bae35af5a5db3ccd3defa.png




댓글 없음:

댓글 쓰기