체프의 브라우저 렌더링를 읽고 글로 정리를 해봅니다! Reflow / Repaint 를 알기전, 브라우저 렌더링 과정을 알아야 이해할 수 있습니다. 브라우저 렌더링 과정 HTML 파일을 파싱하여 DOM Tree 생성 CSS 파일을 파싱하여 CSSOM Tree 생성 DOM Tree와 CSSOM Tree를 가지고 Render Tree 생성 생성된 Render Tree를 가지고 Layout 배치 → 구조만 잡는 과정 Paint 색칠 혹은 디자인 → 스타일을 넣어주는 과정 웹 페이지가