💬 리플로우와 리페인트 리플로우(Reflow)와 리페인트(Repaint)는 웹 브라우저의 렌더링 과정에서 중요한 개념이다. 이 두 용어는 웹 페이지의 레이아웃 및 시각적 표현을 관리하고 최적화하는 데 사용된다. 리플로우 (Reflow) 리플로우는 웹 페이지의 레이아웃이 변경될 때 발생하는 과정을 나타낸다. 이것은 요소의 크기, 위치, 구조 또는 스타일이 변경될 때 발생한다. 브라우저는 레이아웃 변경 사항을 계산하고, 이 변경 사항에 영향을 받는 요소 및 그 하위 요소들을 다시 배치한다. 이로 인해 레이아웃 트리(Layout Tree)와 렌더 트리(Render Tree)가 다시 생성된다. 리플로우는 비용이 많이 드는 연산이므로 자주 발생하면 성능에 영향을 미칠 수 있으므로 최소화해야 한다. 리페인트 (Re..