--- id: ARCH-RES-2026-05-001 title: Redux Reducer Pattern category: "10_Wiki/Topics/Software Architecture" status: verified confidence_score: 0.99 tags: [redux, reducer, pattern, state-management, immutability, flux] created_at: 2026-05-08 updated_at: 2026-05-08 --- # Redux Reducer Pattern ## πŸ“Œ ν•œ 쀄 톡찰 (The Karpathy Summary) > "μƒνƒœ λ³€ν™”μ˜ λͺ…μ„Έμ„œ: 이전 μƒνƒœ(State)와 μ•‘μ…˜(Action)을 λ°›μ•„ μƒˆλ‘œμš΄ μƒνƒœλ₯Ό μƒμ„±ν•˜λŠ” 순수 ν•¨μˆ˜(Pure Function) ꡬ쑰λ₯Ό 톡해, λ³΅μž‘ν•œ 데이터 흐름을 단방ν–₯으둜 ν†΅μ œν•˜κ³  예츑 κ°€λŠ₯ν•˜κ²Œ λ§Œλ“œλŠ” 섀계 νŒ¨ν„΄." ## πŸ“– κ΅¬μ‘°ν™”λœ 지식 (Synthesized Content) * **순수 ν•¨μˆ˜μ„± (Purity)**: λ¦¬λ“€μ„œλŠ” μ™ΈλΆ€ API ν˜ΈμΆœμ΄λ‚˜ λ¬΄μž‘μœ„ κ°’ 생성 같은 μ‚¬μ΄λ“œ μ΄νŽ™νŠΈκ°€ μ—†μ–΄μ•Ό ν•œλ‹€. λ™μΌν•œ μž…λ ₯에 λŒ€ν•΄ 항상 λ™μΌν•œ 좜λ ₯을 보μž₯ν•¨μœΌλ‘œμ¨ μƒνƒœ 좔적(Time-travel Debugging)κ³Ό ν…ŒμŠ€νŠΈλ₯Ό μš©μ΄ν•˜κ²Œ ν•œλ‹€. * **λΆˆλ³€μ„± μœ μ§€ (Immutability)**: κΈ°μ‘΄ μƒνƒœλ₯Ό 직접 μˆ˜μ •ν•˜μ§€ μ•Šκ³ , 항상 μƒˆλ‘œμš΄ 객체λ₯Ό λ°˜ν™˜ν•œλ‹€. μ΄λŠ” JavaScript의 얕은 비ꡐ(Shallow Comparison)λ₯Ό ν†΅ν•œ μ„±λŠ₯ μ΅œμ ν™”μ™€ νžˆμŠ€ν† λ¦¬ 관리λ₯Ό κ°€λŠ₯ν•˜κ²Œ ν•˜λŠ” 핡심 원칙이닀. * **단일 μ§„μ‹€ 곡급원 (Single Source of Truth)**: μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ λͺ¨λ“  μƒνƒœλ₯Ό ν•˜λ‚˜μ˜ κ±°λŒ€ν•œ μŠ€ν† μ–΄(Store)둜 κ΄€λ¦¬ν•˜κ³ , λ¦¬λ“€μ„œλŠ” 이λ₯Ό 쑰각(Slice) λ‹¨μœ„λ‘œ λ‚˜λˆ„μ–΄ μ²˜λ¦¬ν•œ λ’€ λ‹€μ‹œ 병합(`combineReducers`)ν•˜λŠ” 계측 ꡬ쑰λ₯Ό κ°€μ§„λ‹€. ## βš–οΈ νŠΈλ ˆμ΄λ“œμ˜€ν”„ 및 고렀사항 * **λ³΄μΌλŸ¬ν”Œλ ˆμ΄νŠΈ vs 가독성**: μ•‘μ…˜ νƒ€μž… μ •μ˜, μ•‘μ…˜ 크리에이터, λ¦¬λ“€μ„œ μž‘μ„± λ“± 초기 ꡬ좕 λΉ„μš©μ΄ λ†’λ‹€. 이λ₯Ό μ™„ν™”ν•˜κΈ° μœ„ν•΄ Redux Toolkit(RTK) μ‚¬μš©μ΄ ꢌμž₯λœλ‹€. * **μ€‘μ²©λœ μƒνƒœμ˜ λ³΅μž‘μ„±**: μƒνƒœ 객체의 κΉŠμ΄κ°€ κΉŠμ–΄μ§ˆμˆ˜λ‘ λΆˆλ³€μ„±μ„ μœ μ§€ν•˜λ©° μ—…λ°μ΄νŠΈν•˜λŠ” μ½”λ“œκ°€ λ³΅μž‘ν•΄μ§„λ‹€. 이 경우 Immer.js와 같은 라이브러리λ₯Ό μ‚¬μš©ν•˜μ—¬ 가독성을 높일 수 μžˆλ‹€. * **μ„±λŠ₯ μ΅œμ ν™”**: μƒνƒœκ°€ 변경될 λ•Œλ§ˆλ‹€ μƒˆλ‘œμš΄ 객체가 μƒμ„±λ˜λ―€λ‘œ, λŒ€κ·œλͺ¨ 데이터 처리 μ‹œ λ©”λͺ¨λ¦¬ μ‚¬μš©λŸ‰κ³Ό λ Œλ”λ§ μ„±λŠ₯을 κ³ λ €ν•˜μ—¬ μ…€λ ‰ν„°(Reselect) νŒ¨ν„΄μ„ λ„μž…ν•΄μ•Ό ν•œλ‹€. ## πŸ”— 지식 μ—°κ²° (Graph) - **μƒμœ„ κ°œλ…**: [[Flux Architecture]], [[Software Design Patterns]] - **μœ μ‚¬ κ°œλ…**: [[State Pattern]], [[Event Sourcing]], [[CQRS]] - **κ΄€λ ¨ 기술**: [[Redux Toolkit (RTK)]], [[Immer.js]], [[Zustand]], [[MobX]] --- *Last updated: 2026-05-08*