--- title: 컴포넌트 설계 패턴 (Atomic & Composition) category: Software Architecture tags: [Design Pattern, Atomic Design, Composition, Architecture] created: 2026-04-20 --- # 컴포넌트 설계 패턴 ## 🧩 구조 설계 1. **Atomic Design**: Atom(최소 단위) -> Molecule -> Organism -> Template -> Page 순으로 조립. 2. **Container-Presenter**: 로직 담당과 UI 담당의 분리. 3. **Component Composition**: Props Drilling을 방지하기 위해 자식을 통째로 넘기는 전략. ## 🔗 연결된 지식 - [[Project_Architecture_Guidelines]] - [[Styling_Governance]]