#BACKEND
윈도잉(windowing) 기법을 적용한 고성능 표 컴포넌트 개발기
네이버
•
AI 요약
GPT로 자동 생성된 요약입니다
이 글은 윈도잉 기법을 활용하여 네이버 로그 시스템 로그 뷰 성능을 개선한 사례를 소개합니다. React 오픈소스 라이브러리의 한계와 문제점을 분석하고, 자체 개발한 'Big Table' 고성능 표 컴포넌트의 설계 및 구현 방법을 설명합니다. 필요 데이터만 렌더링하고 무한 스크롤 및 가상화 기법을 적용하여 대용량 30만 건도 원활히 렌더링하는 성과를 얻었습니다. CSS 적용 편의성과 유연성, 높은 성능 안정성을 확보했으며, 기획 유연성도 높아졌습니다. 이를 통해 대용량 데이터 처리와 사용자 경험 향상에 성공했습니다.