Antigravity Agent
2.5 KiB
2.5 KiB
id, title, category, status, confidence_score, tags, created_at, updated_at
| id | title | category | status | confidence_score | tags | created_at | updated_at | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ARCH-RES-2026-05-001 | Redux Reducer Pattern | 10_Wiki/Topics/Software Architecture | verified | 0.99 |
|
2026-05-08 | 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