출처: https://www.youtube.com/watch?v=N7qlk_GQRJU이정환님의 강의를 보고 정리한 글입니다. 브라우저가 화면에 렌더링되는 방식Critical Rendering Path 과정을 통해서 렌더링을 하게 된다. 전체적인 구조는 다음 사진과 같다.위의 사진을 구조적으로 세분화시켜서 단계별로 나누면 다음과 같다. 1단계 - html,css 변환우리가 작성한 html과 css코드를 각각 DOM과 CssObjectModel 변환을 한다.  ※ 알고 넘어가기.DOM이란? Document Object Model의 약자로, html을 브라우저가 해석하기 편한 방식으로 변환한 객체트리를 말한다. 2단계 - Render Tree 생성1단계에서 만든 dom과 cssom을 합쳐서 Rander Tre..