Reflow가 발생하는 이유와 방지 방법은 무엇인가요?
Reflow가 발생하는 이유 Reflow는 브라우저 렌더링을 위해 DOM 트리를 그리는 과정에서 발생합니다. 생성된 DOM 노드의 레이아웃 수치(너비, 높이, 위치 등) 변경 시 영향 받은 모든 노드의(자신, 자식, 부모, 조상(결국 모든 노드) ) 수치를 다시 계산하여(Recalculate), 렌더 트리를 재생성하는 과정입니다. Reflow가 일어나는 상황은 페이지 초기 렌더링(최초 layout 과정), 노드의 추가 혹은 제거, 요소의 위치나 크기 변경 (margin, padding, border, width, height 등), 폰트 변경과 이미지 크기 변경, 윈도우 리사이징이 있습니다. Reflow 최적화 방법 이러한 reflow 발생비용을 최적화하기 위한 방법은 여러가지가 있습니다. 스타일을 변경..
