JavaScript | Reflow 란 (feat. 브라우저 렌더링)

렌더링 엔진은 HTML과 CSS 파일을 로드받은 다음, 파싱하여 DOM과 CSSOM을 생성하고, 그를 결합하여 렌더 트리를 생성한다. 이때 자바스크립트는 DOM API를 통해서 DOM이나 CSSOM을 변경할 수 있다. 렌더 트리를 기반으로 HTML요소의 레이아웃(위치와 크기)을 계산하고 브라우저 화면에 페인팅 한다. 리플로우는 HTML 요소들의 위치와 크기를 다시 계산해야 하기 때문에, 리페...

JavaScript리페인트reflow브라우저 렌더링리플로우자바스크립트JavaScript