리플로우 및 리페인트
웹 페이지(브라우저) 렌더링 프로세스 렌더링 엔진은 HTML 파일과 스타일 시트를 해석하여 렌더링 트리를 생성합니다. HTML 파싱 -> DOM 트리 SytyleSheet 파싱 -> CSSOM 트리 DOM 트리 + CSSOM 트리 -> 렌더링 트리 Render Tree는 화면에 표시되는 모든 노드의 내용과 스타일 정보를 담고 있으며, Render Tree가 형성되면 레이아웃 단계로 들어갑니다. 브라우저에서 뷰포트와 노드의 정확한 위치와 크기를 … Read more