공통 Table 라이브러리 구현 및 레거시 교체

프로젝트 기간 | 2023년 8월 ~ 현재 (진행중)

web editor에서 datagrip 등 경쟁사 제품 수준의 데이터 핸들링을 요구 받아 (10개 column, 50~300만 row) 서버/클라이언트 페이지네이션을 무리 없이 수행 가능하도록 구현 했습니다.

사내 web 제품인 web SQL Editor나 DB 모니터링 프로그램 등에 들어가게 됩니다.

• 초기 렌더링 성능 개선 – 20~30초 (MUI DataTable) -> 3.3초
• 리스트 가상화, 반응형, Column Resizing, Sorting, filtering, column visibility, selection, column DnD, Client Pagination, Server Pagination 구현
• Pagination, sorting 등 기능을 client/server 에서 수행할 수 있도록 toggle 가능하게 구현
• Plugin 형태로 event action과 handler를 분리해 테이블의 UI/UX를 자유롭게 바꿀 수 있도록 구현

내부 구조 설명

1. Pagination, sorting 등 기능을 client/server 에서 수행할 수 있도록 toggle 가능하게 구현

DB의 Select문에서 영감을 받아서 설계했는데