Hailey

| CRP(Critical Rendering Path) 서버에 HTML페이지를 요청하는 순간부터 브라우저가 내용을 화면에 표기하기까지의 단계를 Critical Rendering Path라고 부른다. | 렌더링 순서 크게 Construction 과정과 Operation 과정으로 나눌 수 있고, 세부적으로 DOM -> CSSOM -> Render Tree -> Layout -> Paint 의 과정을 거친다. 조금 더 세부적으로 살펴보면 Construction 과정 | request/response 브라우저가 서버에게 HTML 파일 요청한다. | loading, scripting HTML 파일 load 후 DOM요소로 변환(scripting)한다. | rendering render tree 생성한다. Oper..

https://developer.mozilla.org/ko/docs/Web/API/CSS_Object_Model CSS 객체 모델 (CSSOM) - Web API | MDN CSS Object Model은 JavaScript에서 CSS를 조작할 수 있는 API 집합입니다. HTML 대신 CSS가 대상인 DOM이라고 생각할 수 있으며, 사용자가 CSS 스타일을 동적으로 읽고 수정할 수 있는 방법입니다. developer.mozilla.org | CSSOM이란? CSSOM은 DOM(Document Object Model) + CSS 로 1단계. 브라우저가 페이지를 로드하고 DOM Tree를 만든다. 2단계. DOM 트리에 CSS 파일을 읽어 반영한 CSSOM Tree를 만든다. 3단계. DOM 트리와 CSS..