핵심 요약
여기어때가 멀티 프레임워크 디자인 시스템의 운영 가능 구조를 선택한 이유를 경험담으로 공유합니다.
주요 경험
- 이중 구현과 동기화 비용으로 릴리즈 리드타임이 길어지는 문제를 확인했습니다.
- React 컴포넌트 중심 운영으로 Vue는 파운데이션 중심으로 분리하는 운영 모델로 재설정했습니다.
- 파운데이션 레이어를 위한 Typography를 CSS 변수로, 색상 팔레트와 시멘틱 컬러를 분리하고 SVG 아이콘을 currentColor로 통일하는 등 토큰화를 도입해 시각 일관성과 재사용성을 높였습니다.
얻은 인사이트
- 운영 가능성을 최우선으로 두면 개발 속도와 품질의 균형이 유지됩니다.
- 레이어별 지원 강도 조정이 팀의 생산성과 예측 가능성을 높였습니다.
- 파운데이션 재사용성 강화가 브랜드 일관성과 개발 효율성을 동시에 높였습니다.
