Browser의 동작

• 브라우져의 구성

브라우저의 내부를 이해하면 웹 개발을 하면서 맞닥뜨리는 난해한 문제를 해결할 수 있고,
보다 최적화된 웹개발을 할 수 있다.

브라우져 엔진 : 브라우져 소프트웨어를 동작시키는 핵심 

렌더링 엔진 :  화면에 직접 위치를 잡고 색칠을 픽셀 단위로 해줌

ex)  Internet Explorer uses Trident, Firefox uses Gecko, Safari uses WebKit. Chrome and Cromium

• ★Webkit Main Flow★

파싱(Parsing) : 코드를 문자 단위로 한줄한줄 해석해서, 데이터 객체로 구조화 시키는 것

                    > 토큰 단위로 잘라서 해석 후에 조합하여 처리

• DOM Tree(돔트리)
  

• CSS Parsing(Key : Value 구조)

• HTML 구조

출처:https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/#The_browser_high_level_structure

출처:https://www.edwith.org/boostcourse-web/lecture/16663/