컴포넌트를 설계하다 보면 가끔 이런 상황에 직면합니다. 하나의 컴포넌트에 너무 많은 props를 전달하게 되어 코드가 복잡해지고, 내부 로직은 거대해지며, 조금만 요구사항이 바뀌어도 전체를 수정해야 하는 상황이죠.이런 '거대 컴포넌트(Mega-component)'의 한계를 극복하고, 사용자에게는 자유도를, 설계자에게는 유지보수 편의성을 제공하는 Compound Components(합성 컴포넌트) 패턴을 마스터해 봅시다.1. 🛑 "Prop Drilling"과 거대 컴포넌트의 문제점예를 들어, 아코디언 컴포넌트를 만든다고 가정해 보겠습니다.JavaScript // ❌ 좋지 않은 예: 모든 것을 Props로 제어함이 방식은 얼핏 편해 보이지만, 특정 아이템 사이에 광고를 넣거나 헤더의 위치를 바꾸고 싶을 때..