프로젝트 목록PROJECT / CASE STUDY
가비아 · 프론트엔드 개발자
디자인 시스템 사용량 분석
컴포넌트 변경의 영향 범위를 확인하는 개발 도구
2025.08 — 2026.01
- TypeScript
- Next.js
- React
- Babel
- Recharts
주요 기여
- AST 분석을 통한 디자인 시스템 컴포넌트·속성 사용량 수집
- 서비스별 사용 현황을 비교하는 대시보드 개발
- 수집 도구를 배포 파이프라인에 연결하고 수집 실패와 배포 실패 분리
어떤 문제에서 시작했나요?
여러 서비스가 디자인 시스템을 사용하지만, 어떤 버전과 속성을 쓰는지 확인할 방법이 부족했어요. 컴포넌트를 변경할 때 사람에게 일일이 물어보는 대신 코드에서 영향 범위를 확인할 수 있는 도구가 필요했어요.
어떤 선택을 했나요?
중앙에서 모든 저장소를 읽는 대신, 각 서비스가 수집 결과를 전송하게 했어요. 도입에 필요한 설정을 줄이고 각 팀의 배포 흐름에 연결하기 위한 선택이에요.
단순 사용 횟수보다 실제 변경 대상인 속성까지 집계했어요. 다만 별칭이나 공통 래퍼를 사용하는 코드에는 누락이 생길 수 있어서, 수치는 영향 범위를 좁히는 자료로 사용했어요.
다음 프로젝트하이웍스 임직원 관리