reflow와 repaint 그리고 가상돔
heeji_
repaint repaint는 레이아웃에 영향을 끼치지 않는 요소의 변화에 의해 발생하는 것입니다. DOM API를 통해 visibility를 변경하는 경우나 background-color 등이 변경되는 경우에 발생합니다. reflow (layout) reflow는 웹 페이지의 레이아웃을 다시 계산하고 요소의 크기와 위치를 다시 결정하는 것입니다. 이는 웹 페이지의 구조나 스타일이 변경 되었을 때 발생합니다. reflow가 발생하는 동작에는 어떤 것이 있을까요? 다음과 같은 것들이 있습니다. 윈도우의 크기가 변할 때 폰트가 변경될 때 컨텐츠가 변경될 때 JS에 의해 DOM이 동적으로 변화할 때 (노드 추가, 제거) 변화가 발생한 요소가 영향을 미치는 모든 노드 (자식, 부모, 조상)을 다시 계산하고 렌더..