브라우저 작동방식

브라우저의 흐름도

브라우저 작동 방식 :

The user interface : display 되는 버튼, 메뉴 등등
The browser engine : 브라우저를 동작하는 핵심 엔진
Data storage : 쿠키 등을 캐시 해주는 하여 관리하는 영역
The rendering engine : 위치잡고 단위대로 paint 해주는 역할 (브라우저마다 이름다름 Gecko, chromium..)
Networking : 서버와 HTTP 로 통신하는 역할
JavaScript interpreter : javascript 해석/실행 역할
UI backend : UI영역 처리

브라우저 엔진 흐름도

예시) WebKit main flow :

HTML 코드를 해석해서 DOM Tree를 생성 CSS도 마찬가지로 해석(파싱) 후 둘이 합침, 렌더 트리를 만듦(레이아웃 생성), 화면에 페인팅