목록repaint (1)

게으른 나에게

[웹 개발 지식] - Reflow, Repaint

Reflow웹페이지 요소의 크기 또는 위치가 변할 때, 변경된 레이아웃을 다시 계산하여 렌더 트리에 적용하는 과정크기 관련 속성: width, height, padding, margin, border-width위치 관련 속성: position, top, left레이아웃 관련 속성: display, flex폰트 관련 속성: font-size, font-weight리플로우는 보통 CPU를 활용해 연산 Repaint요소의 시각적 표현(색상, 테두리 등)이 변할 때, 변경된 시각적 표현을 다시 계산하여 렌더 트리에 반영하는 과정색상 관련 속성: color, background-color테두리 관련 속성: border-color, border-radius리페인트는 보통 GPU를 활용하여 처리 Reflow VS R..
My Study/CS 2025. 4. 3. 18:22
이전 Prev 1 Next 다음