해당 포스팅은 브라우저 렌더링 원리에 대해 다룹니다. 면접시 바로 말할 수 있는 답과 그외 자세한 내용이 적혀 있습니다. 브라우저 렌더링 과정은? 1. HTML 파싱 -> DOM 트리구축, CSS 파싱 -> CSSOM 트리 구축 2. DOM과 CSSOM을 조합하여 렌더 트리(Render Tree) 구축 3. 렌더 트리 배치 (Layout) 4. 렌더 트리 그리기 (Paint) 첫 번째 DOM 트리 구축을 위한 HTML 파싱, 두 번째는 렌더 트리 구축, 세 번째는 렌더 트리 배치, 네 번째는 렌더트리 그리기입니다. 일단 HTML 구문을 분석하여 브라우저가 이해하도록 바꿔주는 작업이 필요합니다. 이를 위해 HTML 파서가 사용되는데 이는 HTML 마크업을 DOM 트리로 변환합니다. 이때 중간에 태그를 만나..
