핵심 요약
카카오엔터테인먼트의 프런트엔드 글은 컴포넌트를 작게 분리하고 합성하는 설계로 재사용성과 유지보수성을 높이는 원칙과 사례를 공유합니다.
주요 경험
- 도메인에 의존하지 않는 범용 컴포넌트 설계의 중요성을 강조하고 TextInput, Button 등 예시로 재사용성을 높임.
- 합성과 CardItem 분할(카드 구성 요소화)으로 다양한 UI를 쉽게 조합할 수 있는 구조를 제시.
- 훅(useFetchAlbums, useLatestScrollTop)으로 비즈니스 로직을 분리해 렌더링과 테스트를 단순화.
- 상태 관리 도입으로 데이터 흐름과 의존성을 낮춤(Redux 등 개념 소개).
얻은 인사이트
- 로직 분리는 가독성과 재사용성, 도메인 간 결합도 감소에 기여.
- 합성은 유연한 UI 구성을 가능하게 하지만 과다 분리는 읽기 어려움을 초래할 수 있음에 주의.
- Compound Component 패턴 활용으로 구성 요소 간 의사소통과 재사용성이 강화될 수 있음.
