Browser (1) 썸네일형 리스트형 브라우저 렌더링(Critical Rendering path)과 리액트 렌더링(React Rendering) 브라우저 렌더링 과정 (Critical Rendering path)critial rendering path는 브라우저에서 화면이 보여질 때까지의 과정을 말한다브라우저에서 html의 문서를 다운로드 후, 페이지를 렌더링 하기까지의 과정을 살펴보자 크게 4가지 과정으로 이루어진다1. DOM +CSSOM 트리 생성2. Render 트리 생성 3. Layout4. Painting 1. DOM + CSSOM 생성 (브라우저 렌더링 엔진이 파싱)브라우저 렌더링 엔진이 html 문서를 파싱하여, 해석하기 위한 노드 객체로 변환된 객체 트리인 DOM 트리를 생성한다 CSS도 마찬가지로 파싱하여 CSSOM 트리를 생성한다DOM (Document Object Model)CSSOM (CSS Object Model) 2. .. 이전 1 다음
