핵심 요약
카카오엔터테인먼트가 합성 컴포넌트 패턴으로 UI 구성 요소를 재조합 가능하게 설계해 재사용성과 유지보수성을 크게 높인 경험을 공유합니다.
주요 경험
- Dialog를 구성하는 서브 컴포넌트를 독립적으로 정의하고, 메인 컴포넌트에서 조합해 렌더링하는 구조를 구현
- DialogMain과 서브 컴포넌트를 Object.assign로 묶어 사용처에서 직관적으로 활용하는 방식으로 개발
- 필요 시 서브 컴포넌트의 위치를 제어해 다양한 다이얼로그를 빠르게 구현 가능하도록 설계
얻은 인사이트
- 합성 컴포넌트 도입으로 상황에 맞춘 확장성과 재사용성이 향상되며, 유지보수 부담도 감소하는 경향을 확인
- 필요에 따라 prop 기반 설계와 합성 설계를 혼합하면 더 폭넓은 상황에 대응할 수 있음
