디자인 시스템이란?
- 디자인 시스템은 프론트엔드 인프라에 대한 투자입니다. 유지 보수를 단순화하는 방법일 수 있습니다.
- 디자인 시스템은 같은 UI 컴포넌트를 다양한 프로젝트에서 공유할수록 효율이 커집니다.
- UI 컴포넌트를 여러 앱이나 팀 작업에 가져다 붙이는 일이 잦은 개발자를 위해 제작 되었습니다.
- 디자이너와 개발자 모두 UI 컴포넌트를 다루기 때문에, 디자인 시스템은 두 분야를 연결하는 다리이기도 합니다.
단점?
- 작은 프로젝트의 경우 유지보수 비용, 환경 통합, 도구에 드는 비용이 생산성 향상에 드는 비용보다 훨씬 커질 수 있습니다.
Storybook이란?
- UI 컴포넌트 개발 환경
- 독립적인 UI 컴포넌트를 개발, 테스트, 문서화할 수 있는 도구
- 오픈 소스 프로젝트
- React, Vue, Angular 등 다양한 프레임워크 지원
- 디자인 시스템의 핵심 도구
- 일관된 UI 컴포넌트 라이브러리 구축에 필수적
Storybook의 주요 기능
스토리북 애드온(addon)
추가적인 기능을 제공하는 플러그인입니다