--- id: FE-STATE-ARCH-001 category: "10_Wiki/πŸ’‘ Topics/AI" confidence_score: 1.0 tags: [state-management, architecture, ownership, react, zustand, redux, context-api, fsd] last_reinforced: 2026-04-26 --- # State Management Architecture and Ownership (μƒνƒœ 관리 μ•„ν‚€ν…μ²˜μ™€ μ†Œμœ κΆŒ) ## πŸ“Œ ν•œ 쀄 톡찰 (The Karpathy Summary) > "μƒνƒœμ˜ 'μ–‘'보닀 'μœ„μΉ˜'와 'μ†Œμœ κΆŒ'이 더 μ€‘μš”ν•˜λ‹€. 도메인별(Entities), κΈ°λŠ₯별(Features), 그리고 인프라별(App)둜 μƒνƒœμ˜ μ˜ν† λ₯Ό λͺ…ν™•νžˆ νšμ •ν•˜μ—¬, λΆˆν•„μš”ν•œ λ¦¬λ Œλ”λ§μ˜ 연쇄 ν­λ°œμ„ λ°©μ§€ν•˜λΌ" β€” 예츑 κ°€λŠ₯ν•œ μƒνƒœ 흐름을 μœ„ν•œ 계측적 관리 μ „λž΅. ## πŸ“– κ΅¬μ‘°ν™”λœ 지식 (Synthesized Content) - **μΆ”μΆœλœ νŒ¨ν„΄:** "Ownership-Based State Partitioning" β€” μƒνƒœμ˜ 영ν–₯ λ²”μœ„μ™€ 생λͺ…주기에 따라 `Global`, `Server`, `Local`, `URL` μƒνƒœλ‘œ λΆ„λ₯˜ν•˜κ³ , 각 λ ˆμ΄μ–΄(Entities, Features, App)에 μ†Œμœ κΆŒμ„ ν• λ‹Ήν•˜λŠ” νŒ¨ν„΄. - **핡심 μ•„ν‚€ν…μ²˜ κ·œμΉ™:** - **Entity State (Entities):** 핡심 λΉ„μ¦ˆλ‹ˆμŠ€ 데이터(μ‚¬μš©μž 정보, μƒν’ˆ λͺ©λ‘ λ“±)의 μ›μ²œμ€ `entities` λ ˆμ΄μ–΄μ—μ„œ 관리. - **Feature State (Features):** νŠΉμ • ν™”λ©΄μ΄λ‚˜ μƒν˜Έμž‘μš©μ— μ’…μ†λœ μƒνƒœ(λͺ¨λ‹¬ μ—΄λ¦Ό μ—¬λΆ€, μž…λ ₯ 폼 데이터 λ“±)λŠ” ν•΄λ‹Ή `features` λ ˆμ΄μ–΄μ— 격리. - **Infrastructure State (App):** 인증 토큰, ν…Œλ§ˆ, μ–Έμ–΄ μ„€μ • λ“± μ•± μ „λ°˜μ— 걸친 μƒνƒœλŠ” `app` λ ˆμ΄μ–΄μ—μ„œ 쀑앙 μ œμ–΄. - **Derived State:** 원본 데이터λ₯Ό κ°€κ³΅ν•œ μƒνƒœλŠ” 별도 λ³€μˆ˜λ‘œ κ΄€λ¦¬ν•˜μ§€ 말고 `useMemo`λ‚˜ Selectorλ₯Ό 톡해 μ‹€μ‹œκ°„ μ‚°μΆœ. - **의의:** μƒνƒœ λ³€κ²½ μ‹œ 영ν–₯ λ²”μœ„λ₯Ό ν•œ λˆˆμ— νŒŒμ•…ν•  수 있으며, 데이터 뢈일치(Inconsistency) 문제λ₯Ό 근본적으둜 해결함. ## ⚠️ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & RL Update) - **κ³Όκ±° λ°μ΄ν„°μ™€μ˜ 좩돌:** κ³Όκ±°μ—λŠ” '단일 μ§„μ‹€ 곡급원(Single Source of Truth)' 정책을 μœ„ν•΄ λͺ¨λ“  것을 ν•˜λ‚˜μ˜ Store에 λ„£μ—ˆμœΌλ‚˜, ν˜„λŒ€ 정책은 'μ±…μž„ λ²”μœ„μ— λ”°λ₯Έ νŒŒνŽΈν™”λœ μ§„μ‹€ μ •μ±…'을 톡해 μ„±λŠ₯κ³Ό 가독성을 λ™μ‹œμ— 확보함. - **μ •μ±… λ³€ν™”:** Antigravity ν”„λ‘œμ νŠΈλŠ” μƒνƒœ 관리 도ꡬ 선택 μ‹œ λ²ˆλ“€ 크기보닀 'Selector μ΅œμ ν™” κΈ°λŠ₯ μ •μ±…'을 μš°μ„ ν•˜λ©°, λΉˆλ²ˆν•œ μ—…λ°μ΄νŠΈ μƒνƒœμ— λŒ€ν•œ Context API μ‚¬μš© κΈˆμ§€ 정책을 μ‹œν–‰ν•¨. ## πŸ”— 지식 μ—°κ²° (Graph) - [[Modern-React-Application-Architecture-Patterns|Modern-React-Application-Architecture-Patterns]], Feature-Sliced-Design-FSD, Zustand, [[React-Context-API|React-Context-API]], TanStack-Query - **Raw Source:** 00_Raw/μƒνƒœ 관리 μ•„ν‚€ν…μ²˜(State Management Architecture).md