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

이 게시물은 윈도잉(windowing) 기법을 활용하여 네이버 사내 로그 시스템의 로그 뷰 성능을 개선한 사례를 공유합니다.

윈도잉 기법 개요

• 데이터를 일정 창(window) 단위로 나누어 처리하는 기술
• 데이터 스트리밍, 머신러닝, 컴퓨터 그래픽스, React UI 가상화 등에 활용

React 기반 오픈소스 라이브러리 비교

• react-virtualized, react-window, @tanstack/react-virtual의 특징과 용도 설명
• 각 라이브러리 사용법과 주요 props 예제 제공

자체 개발 고성능 표 컴포넌트 Big Table 소개

• 기존 react-window 사용 경험을 바탕으로 개발