면접

브라우저의 렌더링 과정

1. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.)
2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.)
3. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정)
   CSSOM(CSS Object Model)? DOM처럼 CSS의 내용을 해석하고 노드를 만들어 트리 구조로 만든 것
4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.)
5. 개별 노드를 화면에 페인트한다.(or 래스터화)

https://github.com/JaeYeopHan/Interview_Question_for_Beginner/tree/master/FrontEnd