브라우저의 동작 원리
공부를 하다보면 문득문득, 파싱, DOM, BOM, 렌더링, 엔진 등등의 단어를 접하게 되는데 정확한 뜻과 함께
브라우저의 원리를 다시금 복습해 보려고 합니다.
브라우저의 주요 기능.
- 사용자가 선택한 자원을 서버에 요청 하고 브라우저에 표시.
- 자원의 주소는 URL에 의해 정해집니다.
- 자원은 HTML, PDF 이미지 혹은 다른 형태 일 수도 있습니다.
- 브라우저는 HTML,CSS 명세에 따라 HTML 파일을 해석 해서 표시하는데 이 명세는 W3C에서 정합니다.
과거에는 브라우저들이 일부 명세만 따라서 호환성 문제가 따랐지만, 최근에는 대부분의 브라우저가 표준 명세를
따릅니다.
브라우저의 기본 구성.
- 사용자 인터페이스: 요청한 페이지를 보여주는창을 제외한 나머지 부분입니다.(주소창, 뒤로가기, 앞으로, 북마크메뉴)
- 브라우저 엔진: '브라우저 자체에 동작하는 소프트웨어 구성에 대한 엔진' 사용자 인터페이스를 통해
렌더링 엔진이 가동 되도록 도와주는 프로그램 이라고 이해하고 있다.
- 렌더링 엔진: 요청받은 자원을 브라우저 화면에 표시한다.
Gecko(게코)엔진: 파이어폭스
Webkit(웹킷)엔진: 사파리, 크롬이 사용
- 통신 : HTTP 요청과 같은 네트워크 호출을 하는 브라우저 내부 계층.
- 자바스크립트 해석기: 자바스크립트를 해석한다.
-UI백엔드: 기본적인 UI장치를 말하며, Button, Input 태그에 관한 스타일을 적용하지 않아도
이에 맞는 ui화면을 출력해준다
- 자료 저장소: 웹 브라우저 내에서 사용되는 자료 저장 계층이며 쿠키, 로컬 스토리지 등이 있다.
아직 추가할 사항이 더 있습니다.!!!
출저:
https://d2.naver.com/helloworld/59361