플로우와 페인트는 우리가 만든 웹문서를 브라우저에서 렌더링할때 발생한다.
플로우(flow)
렌더트리를 구성하는 과정에서 display 그리고 width, height, position 등을 계산하는 과정
리플로우(reflow)
위의 과정이 다시 반복되는 것을 리플로우라고 하는데 Javascript를 통해 어떠한 이벤트가 발생하였을 경우 발생한다.
페인트(paint)
플로우를 통해 계산한 것을 그리는 과정
리페인트(repaint)
리페인트는 리플로우로 인해 계산된 것을 다시 그리는 것
