React - CDD

1. CDD ( Component-Driven Development )

 

• 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발해놓는것

-----------------------------------------------------------------------------------

2. 컴포넌트 UI 개발을 위한 Storybook

1. Storybook 은 UI 개발 즉, Component Driven Development 를 하기 위한 도구이다.
2. Storybook 은 재상용성을 확대하기 위한 컴포넌트를 문서화하고, 자동으로 컴포넌트를 시각화하여 시뮬레이션 할 수 있는 다양한 테스트 상태를 확인할 수 있다.
3. 버그를 사전에 방지할 수 있으며, 테스트 및 개발 속도를 향상시키는 장점이 있고, 애플리케이션 또한 의존성을 걱정하지 않고 빌드할 수 있다.

 

## 지원하는 주요 기능 ##

1. UI 컴포넌트들을 카탈로그화 할 수 있다.
2. 컴포넌트 변화를 Stories 로 저장할 수 있다.
3. 핫 모듈 재 로딩과 같은 개발 툴 경험을 제공한다.
4. 리액트를 포함한 다양한 뷰 레이어를 지원해준다.