브라우저의 동작 원리

공부를 하다보면 문득문득, 파싱, DOM, BOM, 렌더링, 엔진 등등의 단어를 접하게 되는데 정확한 뜻과 함께 

브라우저의 원리를 다시금 복습해 보려고 합니다. 

 

브라우저의 주요 기능. 

- 사용자가 선택한 자원을 서버에 요청 하고 브라우저에 표시.

- 자원의 주소는 URL에 의해 정해집니다.

- 자원은 HTML, PDF 이미지 혹은 다른 형태 일 수도 있습니다.

- 브라우저는 HTML,CSS 명세에 따라 HTML 파일을 해석 해서 표시하는데 이 명세는 W3C에서 정합니다.

  과거에는 브라우저들이 일부 명세만 따라서 호환성 문제가 따랐지만, 최근에는 대부분의 브라우저가 표준 명세를 

  따릅니다.

 

브라우저의 기본 구성. 

 

브라우저의 기본 구성

 

- 사용자 인터페이스: 요청한 페이지를 보여주는창을 제외한 나머지 부분입니다.(주소창, 뒤로가기, 앞으로, 북마크메뉴)

- 브라우저 엔진:  '브라우저 자체에 동작하는 소프트웨어 구성에 대한 엔진' 사용자 인터페이스를 통해

                       렌더링 엔진이 가동 되도록 도와주는 프로그램 이라고 이해하고 있다.

 

- 렌더링 엔진: 요청받은 자원을 브라우저 화면에 표시한다. 

                    Gecko(게코)엔진: 파이어폭스

                    Webkit(웹킷)엔진: 사파리, 크롬이 사용

 

- 통신 : HTTP 요청과 같은 네트워크 호출을 하는 브라우저 내부 계층.

 

- 자바스크립트 해석기: 자바스크립트를 해석한다.

 

-UI백엔드: 기본적인 UI장치를 말하며, Button, Input 태그에 관한 스타일을 적용하지 않아도

                     이에 맞는 ui화면을 출력해준다

 

- 자료 저장소: 웹 브라우저 내에서 사용되는 자료 저장 계층이며 쿠키, 로컬 스토리지 등이 있다.

 

 

아직 추가할 사항이 더 있습니다.!!!

 

 

 

 

 

 

 

 

 

 

출저:

https://d2.naver.com/helloworld/59361