---
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*

