# To 형욱
0. window 객체 : 자바스크립트의 최상위객체이자 전역객체이면서 모든 객체가 소속된 객체
Dom, Bom, JS core가 속해있다.
1
2
2
브라우저 라는 전제가 설명에 포함되면 더 자세할 것 같습니다.
repaint 예시
노드의 추가 또는 제거시
요소의 위치 변경 시
요소의 크기 변경 시 (margin, padding, border, width, height 등..)
폰트나 텍스트 내용 변경과 이미지 크기 변경 시
페이지 초기 랜더링 시 (최초 Layout 과정)
윈도우 리사이징 시
// 3 번의 리플로우 발생
따라서 리플로우의 발생을 줄일수록 repaint(redraw)도 줄어 시간을 줄이게된다.
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
repaint 예시 가 아니라 reflow 예시가 적절한 것 같습니다.
repaint 작업에 소요되는 계산는 적다고 들었고, 리플로우 작업에 걸리는 리소스가 많다고 알고 있습니다.
repaint 는 reflow 이후에 실행되는 작업일 뿐, 시간을 줄이기 위해서는 리플로우를 최소화 하는 것이 좋다 라는 설명이 더 맞지 않나요 ?
.. 이외 부분은 요번 과제가 아니기 때문에 읽지 않았습니다.