핵심 요약
올리브영은 Vite + React + TypeScript 환경에서 디자인 시스템을 구축하고, Storybook과 Emotion으로 컴포넌트를 문서화하고 재사용 가능하도록 공유합니다. 전역 스타일 관리와 컴포넌트 저장소 분리를 통해 통일성과 개발 효율성을 추구합니다.
주요 특징
- Storybook으로 컴포넌트 구조를 독립적으로 문서화
- Emotion의 css 프로퍼티로 상태에 따른 동적 스타일링 구현
- Text 등 기존 컴포넌트를 @oy-alldev/ui 패키지로 재사용 예시
- 전역 스타일 관리 및 UI 가이드라인 문서화
적용 고려사항
- 패키지 배포 시 호환성 및 버전 관리 필요
- 초기 설정 및 팀 내 가이드라인 공유를 통한 일관성 확보
