문제의 근원을 해결 하기 위한 다양한 시도
정세희 · 토스 · 토스 기술 블로그
소개
토스 디자인 시스템에서 가장 많이 사용하는 컴포넌트인 테이블 컴포넌트. 문제의 근원을 해결하기 위해 시도했던 다양한 시도와 러닝을 소개합니다.
AI 핵심 요약
토스 디자인 시스템의 초기 테이블은 셀 컴포넌트 중심이라, 셀을 쌓아 표를 만들고 이후 수정하는 과정이 번거로웠습니다. 팀은 설문과 심층 인터뷰, UT를 통해 제로 베이스 제작과 표 구성, 잦은 데이터 수정이 핵심 문제임을 확인하고, 기존 디자인 툴의 한계를 넘어서는 테이블 2.0을 구상했습니다. 개발 리소스가 제한된 상황에서 AG Grid의 무료 기능을 뼈대로 활용하고, 운영 업무를 위임해 작업 환경을 확보했으며, 주 단위 스프린트와 메이커 UT를 병행해 기능을 다듬었습니다. 그 결과 표 제작과 값 수정 경험을 개선했고, 근본적인 가정을 다시 살피며 사용자 피드백과 집중할 리소스를 확보하는 일이 시스템 개선에 중요하다는 교훈을 얻었습니다.
- 셀 단위의 기능을 보완하는 것만으로 표 제작 경험까지 해결되지는 않는지 살펴보세요.
- 설문과 사용성 테스트로 실제 작업 흐름을 파악하고, 해결할 문제의 방향을 구체화하세요.
- 시간과 인력이 부족할 때는 AG Grid 같은 기존 제품의 무료 기능을 기반으로 삼고 필요한 부분을 직접 구현할 수 있습니다.
- 주 단위 스프린트에서 기능 개발과 메이커 UT를 병행하면 피드백을 빠르게 제품에 반영할 수 있습니다.
- 큰 과제에 집중하려면 운영 업무를 위임하거나 줄여 몰입할 리소스를 확보해야 합니다.
비슷한 학습 자료
디자인 시스템 다시 생각해보기
김민수 · 토스 기술 블로그
토스 피플 : 데이터를 ‘이해하는’ 구조를 설계합니다
고정현 · 토스 기술 블로그
자료구조를 활용한 복잡한 프론트엔드 컴포넌트 제작하기
박건영 · 토스 기술 블로그
그 많은 개발 문서는 누가 다 만들었을까 (2) 개발자의 학습을 돕는 모든 것
한주연 · 토스 기술 블로그
그 많은 개발 문서는 누가 다 만들었을까 (1) 토스페이먼츠 테크니컬 라이터가 하는 일
한주연 · 토스 기술 블로그
토스 디자이너가 제품에만 집중할 수 있는 방법
박수현 · 토스 기술 블로그