토스 디자인 시스템 테이블 컴포넌트 혁신

이 게시물은 토스 디자인 시스템에서 가장 많이 사용하는 테이블 컴포넌트의 근본적인 문제 해결을 위한 다양한 시도와 학습 과정을 소개합니다.

문제 배경과 초기 한계

• 테이블은 셀 단위와 표 단위 두 가지 복잡한 요소를 포함
• 초기 테이블 1.0은 셀 컴포넌트 중심으로 제작되어 사용성에 제약 존재
• 디자인 툴의 한계로 인해 표 제작과 수정이 비효율적임

해결 과정과 방향성

• 실제 사용자 인터뷰와 조사로 세 가지 방향성 도출: 제로 베이스 제작 최소화, 표 완성 환경 단순화, 잦은 수정 용이화
• 툴 한계를 넘는 빌더 수준의 새로운 제작 솔루션 필요성 인지
• AG grid 무료 기능 차용 및 크롬 플러그인 활용으로 테이블 2.0 개발

러닝과 제언

• 근본 문제에 질문하며 본질적 사고가 가장 빠른 해결책을 만든다
• 지속적인 피드백 수집과 반영이 시스템 성장의 핵심
• 집중과 몰입을 위한 물리적 리소스 확보가 혁신적 임팩트에 필수