react-virtuoso 라이브러리를 활용한 테이블 최적화

Sep 14, 2025 · 5 min read · 예전에 백오피스 개발 중에 공용 2열 테이블 컴포넌트를 제작한 적이 있었다.‘공용’인 만큼, 이 컴포넌트에서 제일 중요한 건 어떤 API가 들어와도 호환될 수 있도록 구현하는 거였는데, 컴포넌트를 사용하던 한 분께서 화면이 버벅이는 이슈가 발생했다고 말씀해주셨다. 확인해보니 계속해서 스크롤을 내려 데이터를 받을 경우 DOM에 그려지는 컴포넌트들이 누적되어 성능이 저하되는 이슈였다. 본 글에서는 그 당시 문제를 어떻게 해결했는지, 그리고 지금 돌...