윈도잉
Windowing
전체 목록 중 현재 보이는 영역과 그 주변에 필요한 일부 항목만 DOM(Document Object Model, 브라우저가 화면 요소를 노드의 트리로 표현한 구조)에 렌더링하는 기법이다.
같은 뜻으로 쓰는 말
- 목록 가상화
마지막 검증
전체 데이터와 실제 DOM(Document Object Model, 브라우저가 화면 요소를 노드의 트리로 표현한 구조)을 같은 크기로 유지하지 않는 것이 핵심이다. 사용자가 스크롤하면 작은 렌더링 범위가 데이터 위를 이동한다.
무한 스크롤과는 목적이 다르다. 무한 스크롤은 데이터를 나누어 가져오는 전략이고, 윈도잉은 이미 가져온 데이터를 포함해 DOM에 놓는 항목 수를 제한하는 전략이다.
출처와 검증 범위
아래 날짜는 링크를 마지막으로 열어 본 날입니다. 문서 상단의 검증일은 글의 설명과 적용 범위를 다시 확인한 날입니다.
- Virtualize large lists with react-windowweb.dev · 공식 문서 · 확인 2026-07-26