Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기

NAVER D2 faviconNAVER D2·Frontend·
ReactJavaScriptPerformanceVirtualizationWindowing
2025년 07월 04일3

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

NAVER D2의 발표에서 Windowing 기법으로 대용량 표를 높은 성능으로 표현하는 방법과 오픈소스 비교를 소개합니다.

주요 특징

  • Windowing/가상화 기반 렌더링 기법과 구현 방향을 제시
  • react-virtualized, react-window, @tanstack/react-virtual 등 오픈소스 비교
  • 대용량 데이터(30만 건)에서의 성능 전략과 한계 요약
  • React 기반 표 컴포넌트 개발 사례와 적용 범위 개요

적용 고려사항

  • Overscan, Bottom Threshold 등 파라미터 튜닝 및 컬럼 고정 헤더/컬럼 지원 필요
  • Key 기반 렌더링으로 불필요한 재렌더링 최소화
  • 브라우저 메모리/렌더링 부하의 트레이드오프 관리

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
No Image
80%

윈도잉(windowing) 기법을 적용한 고성능 표 컴포넌트 개발기

NAVER D2 faviconNAVER D2·2025년 07월 28일
No Image
73%

글로벌웹툰 안드로이드 Large Screen 적용기

NAVER D2 faviconNAVER D2·2025년 11월 12일
No Image
70%

레거시 GPU에 날개 달기: 극한의 서빙 최적화 가이드

NAVER D2 faviconNAVER D2·2025년 07월 24일