CDD란?

컴포넌트 기반 개발
(Component Driven Development)

CDD를 왜하는가?

재사용할 수 있는 UI 컴포넌트의 필요성
예를 들어,
기획안에 맞춰 개발을 하다가
기획 세부 내용이 바뀐다면?
개발자는 이 부분을 새로 만들어야하는가?
만약, 프로젝트 시작부터 Component로 작업했다면
새로 만들 필요 없음! 그대로 재활용하면 됨!

CDD를 어떻게 하는데?

Reacet에서는 기본적으로 기능별로 묶어 코드를 컨포넌트화한다.
이를 돕는 도구들이 있는데...
대표적으로 Styled Component 와 StoryBook이 있다.

• Styled Component : CSS 자체를 컴포넌트화 해줌
  더이상 CSS 파일 만들필요 없닷
  (React + CSS => React & Styled Components 라이브러리 사용)
• StoryBook : 컴포넌트 탐색기
  각각의 컴포넌트들을 따로 볼 수 있게 구성=> 전체 UI를 한번에 보고 개발 가능!