브라우저렌더링1 [Extra] Reflow와 Repaint 1. Reflow와 Repaint란 웹페이지의 렌더링 과정중 발생하는 것으로 부하가 높음. UI가 느려지는 원인이 됨.특히 Refolw부하가 더 높기 때문에 최대한 피하는 편이 좋음 2. Reflow와 Repaint -Reflow 크기와 위치에 맞게 브라우져에 셋팅되는 과정 -Repaint시각적인 요소가 셋팅되는 과정배경색 -> 배경이미지 -> 테두리 -> 자식 -> 아웃라인 3. Reflow와 Repaint 사례 Reflow 사례 Repaint 사례 Render Tree (Layout)에 영향을 주는 행동을 했을 경우 발생 영향을 받은 모든 노드의 수치를 다시 계산하여 렌더트리 재생성 Render Tree (Layout)에 영향을 주지 않는 것을 변경했을 경우 발생 1) 윈도우 리사이징(너비 높이 변경.. 2018. 3. 20. 이전 1 다음
