목록2022/08/02 (1)

Bleeding edge

2022/08/02 TIL

오늘 공부한 것 1. 브라우저 렌더링 원리 브라우저 렌더링 순서 : DOM, CSSOM 생성 → Render Tree 생성 → Layout → Paint DOM, CSSOM 생성 : HTML, CSS를 다운받고, HTML CSS가 각각 Object Model을 만든다 DOM tree와 CSSOM Tree가 만들어진다음에, 이 둘을 이용하여 Render Tree를 생성한다. Render Tree에는 스타일의 정보가 들어있고, 실제 화면에 표현된 노드들로 구성된다 Layout단계: 브라우저의 뷰포트에서 각 노드들의 위치를 계산한다. 생성된 Render Tree 노드들이 가지고 있는 스타일과 속성에 따라 어느위치에 어느 크기로 출력될지를 계산한다. (reflow단계) Paint 단계 : Layout 계산이 완..
ConnecTo 2022. 8. 2. 16:14
이전 Prev 1 Next 다음