Ted's Codding study

렌더링의 원리 초간단 요약!1. HTML 파싱과 DOM 트리 구축HTML 파싱: 브라우저는 HTML 파일을 받고 태그들을 해석하여 파싱 DOM 트리 구축: 파싱된 HTML 요소들은 DOM(Document Object Model) 트리로 변환 이 트리는 문서의 구조적 표현이며, JavaScript를 통해 동적으로 조작 가능2. CSS 파싱과 CSSOM 트리 구축CSS 파싱: 브라우저는 모든 CSS를 읽고 CSS 규칙(선택자와 속성)을 파싱 CSSOM 트리 구축: 파싱된 CSS는 CSS 객체 모델(CSSOM) 트리로 변환 CSSOM은 각 DOM 요소에 적용될 스타일을 결정하고, DOM과 병합되어 렌더 트리를 형성하는 데 기여3. 렌더 트리 구축렌더 트리 생성: DOM 트리와 CSSOM 트리가 결합하여 렌더 ..