# Compound Component Pattern

jjdc0809

리액트 디자인 패턴 5가지 중 하나인 컴파운드 컴포넌트 패턴을 사용.

jwisgenius

작성중참고: https://velog.io/@bbumjun/masonry-레이아웃으로-갤러리-구현하기

jwisgenius

먼저 버튼을 누르면 숫자가 올라가는 버튼을 만들고 다른 컴포넌트에서 사용 한다고 하였을 때,처럼 불러와 사용하게 된다면, 버튼의 스타일과 얼마나 많이 숫자를 증가 시킬지를 고려하기 어려울 것 입니다. 이에 따라 개발자들은 Props 를 통해 재사용성을 높일 수 있습니다

yooon26

컴파운드 패턴을 처음 적용해보았다.약간씩만 달라지는 ui를 구현할 때 props을 이용하는 것보다 유용하다.예시를 참고해서 구현해봤는데, 구현하려는 ui가 예시보다 복잡해서 생각보다 컴포넌트가 너무 많이 분할되었다..이게 맞나 싶은데 복잡한 컴포넌트의 예시를 찾지 못했