EliteGrid의 가상 스크롤 엔진 내부 해부: 땀 한 방울 흘리지 않고 100만 행 렌더링하는 방법
(dev.to)
EliteGrid의 개발 사례를 통해 대규모 데이터를 처리하는 가상 스크롤 엔진 구현 시 발생하는 렌더링 지연과 성능 병목 문제를 해결하기 위한 구체적인 아키텍처 최적화 전략을 심도 있게 분석합니다.
이 글의 핵심 포인트
- 1100만 행의 데이터를 효율적으로 렌더링하기 위해 화면에 보이는 부분만 그리는 가상 스크롤(Virtual Scrolling) 기술 적용
- 2빠른 스크롤 시 발생하는 화면 깜빡임 문제를 해결하기 위해 `requestAnimationFrame` 콜백 내부에서 최신 `scrollTop`을 읽도록 수정
- 3