MDS(Musinsa Design System) 개발과 유지보수

이 게시물은 무신사의 디자인 시스템 MDS 구축 과정에서 개발 생산성과 유지보수를 높이기 위한 고민과 해결책을 다룹니다.

핵심 개발 원칙과 아키텍처

• 디자인 일관성과 개발 효율성 향상을 위해 Headless UI 아키텍처 채택
• Atomic Design, Compound Pattern, Slot Pattern의 결합으로 컴포넌트의 결합도와 확장성 관리
• Babel과 ts-morph를 활용한 반복 작업 자동화로 개발 리소스 절감

문제점 및 개선 방향

• 컴포넌트 결합도 및 상태 공유 문제 발생, 투트랙 전략으로 확장성과 유지보수성 균형 추구
• 디자인 시스템 컴포넌트 파편화 및 커뮤니케이션 비용 증가 문제 지속
• 복잡한 소프트웨어 문제 해결을 위한 적절한 패턴과 전략의 중요성 강조