용어 사전 coding 용어 페이지

리플로

요소 크기·위치가 바뀌어 레이아웃 계산이 다시 일어나는 비용 큰 단계입니다

reflow #coding#javascript

English version

관련 개념

리페인트 DocumentFragment 지연 로딩 requestAnimationFrame

핵심 아이디어

리플로는 요소 크기·위치가 바뀌어 레이아웃 계산이 다시 일어나는 비용 큰 단계입니다. 이 개념은 리페인트, DocumentFragment, 지연 로딩 같은 주변 용어와 함께 쓰일 때 의미가 더 분명해집니다.

이 블로그에서의 역할

Mathbong에서는 javascript 주제 글에서 이 용어를 반복적으로 참조합니다.

이 개념을 다루는 글

[JavaScript 시리즈 17편] 퍼포먼스 기초: 페인트·리플로와 지연 로딩 렌더링 단계, layout thrashing 방지, 이미지 지연 로딩, 관찰자 API로 성능을 지키는 방법을 다룹니다.[JavaScript Series 17] Performance Basics: Paint, Reflow, and Lazy Loading Understand how the browser draws web pages, learn how to prevent common layout slowdowns, and apply lazy loading with easy-to-follow code.