개요

• CDD 지원 도구인 Component Explorer 중 하나인 Stroybook 에 대해 학습합니다.

학습 목표

• Stroybook 의 정의
• Storybook 의 목적과 기능

Storybook

개요

• UI 개발, Component Driven Development 를 하기 위한 도구입니다.

목적

• 한 번에 하나의 컴포넌트에 집중해서 작업할 수 있습니다.
  • 전체 UI 를 보고 데이터베이스, 복잡한 개발스택 등의 고민없이 상향식 개발을 하도록 지원해줍니다.
  • 의존성에 구애받지 않고 빌드

• 컴포넌트를 문서화하고 다양한 테스트 상태를 확인할 수 있습니다.
  • 버그 사전 방지, 테스트 및 개발 속도 향상
  • 외부 공개용 디자인 시스템 플랫폼으로 사용 가능

주요 기능

• UI 컴포넌트들 카탈로그화
• 컴포넌트 변화를 Stories 로 기록
• 핫 모듈 재 로딩과 같은 개발 툴 경험 제공
• 리액트를 포함한 다양한 뷰 레이어 지원

참조

코드스테이츠 프론트엔드 부트캠프
스토리북 공식문서