🧩 HEADLESS UI · 2026 실전 설계 가이드Headless UI 직접 만들기로직과 구조만 남기고 UI는 자유롭게Dropdown · Modal · 접근성까지 — Radix UI가 왜 그렇게 설계됐는지 직접 구현하며 이해하는 가이드🏗️ Compound + Context 설계 ♿ WAI-ARIA 접근성 포함📋 목차왜 Headless UI가 필요한가? — props 폭발의 끝Headless UI란? — 정확한 정의와 2026 생태계핵심 구조 — Headless UI를 구성하는 3요소실전 구현 1 — Dropdown (완전체)접근성(a11y) — Headless UI의 진짜 가치실전 구현 2 — Modal (Portal + 포커스 트랩)스타일은 어떻게 입힐까? — 3가지 전략Custom Hook..

⚛️ REACT DESIGN PATTERN · 2026React 컴포넌트 설계 패턴 완전 입문Compound Component & Render Propsprops만 쓰면 한계가 옵니다. React 고수들이 컴포넌트를 설계하는 방법, 지금 바로 익혀보세요.🏗️ 설계 사고방식 🔄 패턴 비교 💡 실전 코드📋 목차왜 React에서 설계 패턴이 필요한가?Compound Component 패턴이란?Compound Component 직접 만들어보기 (Tabs 예제)Render Props 패턴이란?Render Props 예제 만들기 (DataFetcher)Compound vs Render Props — 한눈에 비교2026년 기준, 지금도 쓸 만한 패턴인가?초보자가 자주 저지르는 실수 3가지Vite + TypeS..