728x90 반응형 리페인트1 아주 쉬운 리플로우와 리페인트 리플로우와 리페인트에 대해 알아보자! 리플로우, 리페인트 JS 코드에 DOM이나 CSSOM을 변경하는 DOM API가 사용된 경우 DOM이나 CSSOM이 변경된다. 변경된 DOM과 CSSOM은 다시 렌더 트리로 결합되고 변경된 렌더 트리를 기반으로 레이아웃과 페인트 후 브라우저의 화면에 다시 렌더링하는 과정을 거친다. 리플로우 레이아웃 계산을 다시 하는 것 노드 추가/삭제, 요소의 크기/위치 변경, 윈도우 리사이징 등 레이아웃에 영향을 주는 변경이 발생한 경우 한해 실행 리페인트 재결합된 렌더 트리를 기반으로 다시 페인트를 하는 것 리플로우와 리페인트가 반드시 순차적으로 동시에 실행되는 것은 아니며 레이아웃에 영향이 없는 변경은 리플로우 없이 리페인트로만 실행한다. 2023. 3. 22. 이전 1 다음 728x90 반응형 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
