Reflow 와 Repaint

Reflow
화면에서 요소를 배치하기 위해 브라우저에서 사용하는 프로세스를 Reflow라고 한다.
Reflow 되는 상황
- DOM 요소를 조작
- 기하학에 대한 CSS 규칙이 변경
- 브라우저 크기가 조정
- 대상 요소를 기반으로 스타일을 다시 계산해야하는 경우 각 요소의 하위 항목, 상위 항목 및 DOM에 표시된 요소에 대해 실행


Repaint
redraw라고도하는 repaint
레이아웃이 아닌 스타일을 업데이트해야 할 때 사용하는 프로세스
위치, 너비, 높이와 관련이없는 스타일로 color, background 등을 조작