CDD

컴포넌트 주도 개발 (Component Driven Development)

컴포넌트를 모듈 단위로 개발하여 사용자 인터페이스(UI) 구축에 도달하는 개발 및 설계 방법론입니다. 기본적인 컴포넌트 단위부터 시작하여 UI 뷰(view)를 구성하기 위해 점진적으로 결합(조립)해가는 상향적(bottom-up) 성향을 띕니다.

Storybook

Storybook은 React 컴포넌트를 위한 UI 개발 환경입니다. 이를 통해 UI 컴포넌트의 다양한 상태 시각화 또는 인터랙티브 스타일로 개발 할 수 있습니다. Storybook은 앱 외부에서 실행되므로, 앱 모듈 종속성에 대해 걱정하지 않고 UI 컴포넌트를 독립적인 환경에서 개발할 수 있습니다.​​

Storybook 사용법

https://storybook.js.org/tutorials/intro-to-storybook/react/ko/simple-component/
따라해보기