브라우저의 동작 원리

브라우저의 메인 플로우

HTML 문서를 파싱하여 돔 트리를 만드는 과정이다. 돔 모델은 XML 같은 Document를 처리하는 곳에서 사용하는 모델이다.

돔트리를 만들 때 핵심은 예외처리이다. 태그가 제대로 닫히지 않는 경우등 에러를 만났을 때 알아서 처리해 준다. 예전에는 브라우저마다 처리 방식이 달랐는데 HTML5 스펙에 에러처리에 대한 명시가 있기 때문에 모든 브라우저가 비슷하게 처리한다.

JS는 다양한 경로를 통해서 실행이 된다.

Parsing된 CSS 결과(CSSOM)를 Render Tree에 적용하는 과정

CSSOM (CSS Object Model)