Reflow1 브라우저 렌더링의 Reflow와 Repaint, 그리고 렌더링 최적화 렌더링 최적화 Reflow, Repaint 줄이기 브라우저 렌더링에서 웹 성능 최적화를 어떻게 할 수 있을까요? 이를 알려면 Reflow와 Repaint에 대해 먼저 짚고 넘어가야 합니다. Reflow (Layout) 렌더링 과정을 거친 뒤에 최종적으로 페이지가 그려진다고 해서 렌더링 과정이 다 끝난것이 아닙니다. 어떠한 액션이나 이벤트에 따라 html 요소의 크기나 위치등 레이아웃 수치를 수정하면 그에 영향을 받는 자식 노드나 부모 노드들을 포함하여 Layout 과정을 다시 수행하게 됩니다. 이렇게 되면 Render Tree와 각 요소들의 크기와 위치를 다시 계산하게 됩니다. 이러한 과정을 Reflow라고 합니다. // reflow 발생 예제 function reflow() { document.getE.. 2021. 6. 3. 이전 1 다음
