Reflow, Repaint, Composite
이전 포스팅에서 다루었던 브라우저 렌더링 과정에서 언급되었던 Reflow, Repaint 그리고 Composite에 대해서 알아보려고한다 Composite Composite은 Paint단계 다음에 일어나는 과정으로 Render 트리에 두 개 이상의 Layer가 존재한다면 각각의 Layer를 병렬적으로 Paint한 후 Layer들을 합치는 과정이다 브라우저에 시각적 변화가 일어날 때 유저가 웹에서 상호작용을 하면서 시각적 변화가 일어날 때 브라우저는 조건에 따라 각각 다음과 같은 변화가 일어난다 Reflow 레이아웃의 높이, 너비, 그리고 위치 등에 변화 그리고 DOM이 추가되거나 삭제되면 Reflow가 일어난다 Reflow는 그림에서 보이는 부분을 모두 수행해야하며 다른 모든 노드의 위치를 다시 계산하고..
