front-end의 기술면접

브라우저의 동작 원리

테오구 2021. 10. 2. 21:49
728x90
  1. HTML 마크업을 처리하고 DOM트리를 빌드한다("무엇을" 그릴지 결정한다.)
  2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다("어떻게" 그릴지 결정한다.) 
  3. DOM 및 CSSOM을 결합하여 렌더링 트리를 형성한다.("화면에 그려질 것만" 결정)
  4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다.("Box-Model"을 생성한다.)
  5. 개별 노드를 화면에 페인트한다.(or레스터화)

https://d2.naver.com/helloworld/59361

728x90