01
프론트엔드 디자인 패턴 (3) — Headless 컴포넌트: 제어권을 설계한다
prop 15개짜리 드롭다운을 Compound Component → Control Props → State Reducer → Headless로 단계적으로 리팩터링하며 제어권 스펙트럼을 직접 만들어 본다.
2026-09-14
[frontend]
frontend-design-patterns-3-headless-design.md
blog92@web:~$ grep -rl "#Component Design" posts/
이 태그가 달린 글
prop 15개짜리 드롭다운을 Compound Component → Control Props → State Reducer → Headless로 단계적으로 리팩터링하며 제어권 스펙트럼을 직접 만들어 본다.
잘못된 추상화의 비용 곡선, God Component를 쪼개는 순서, 컴포넌트 안에서 컴포넌트를 정의할 때 입력값이 사라지는 이유, key={index}가 만드는 정체성 혼란.