리액트로 컴포넌트를 만들다 보면 늘 고민에 빠지게 됩니다. 어느정도로 작게 만들어야 할지, 이 작게 만들어진 컴포넌트를 어떻게 잘 조합해서 사용해야 할지요. 따라서 컴포넌트 기반 개발(CBD; C

리액트로 컴포넌트를 만들다 보면 늘 고민에 빠지게 됩니다. 어느정도로 작게 만들어야 할지, 이 작게 만들어진 컴포넌트를 어떻게 잘 조합해서 사용해야 할지요. 따라서 컴포넌트 기반 개발(CBD; Component Based Development) 을 하는 개발자라면 컴포넌트를 어떻게 개발해야 할지 관심을 기울이면 좋은데요. 그 여러 방법론 중에서도 아래의 글은 메인 컴포넌트 & 서브컴포넌트를 통하여 합성 컴포넌트를 만들고 이 합성 컴포넌트로 재사용성 및 코드의 가독성 을 더 극대화 하는 예제를 보여줍니다. 사실 합성 컴포넌트를 만들만큼 의 복잡한 컴포넌트가 필요한 경우가 실무에서 많지는 않습니다. 하지만 예제와 같이 다이얼로그, 셀렉박스 같은 복잡하고 다양한 상황이 많을 경우에는 충분히 적용해볼만 한 것 같습니다.