프론트엔드
어려움
코딩
Redux 미들웨어 구현
Redux 스타일 상태 관리와 미들웨어 시스템
40분
90점
#3713
문제 설명
Redux 패턴의 상태 관리 시스템과 미들웨어를 구현하세요.
요구사항
- createStore(reducer, initialState) - 스토어 생성
- store.getState() - 현재 상태 반환
- store.dispatch(action) - 액션 디스패치
- store.subscribe(listener) - 구독, unsubscribe 함수 반환
- applyMiddleware(...middlewares) - 미들웨어 적용
미들웨어 시그니처
const middleware = store => next => action => {
// before dispatch
const result = next(action);
// after dispatch
return result;
};
구현할 미들웨어
- logger - 액션과 상태 변화 로깅
- thunk - 비동기 액션 지원
평가 기준
- 불변성 유지
- 미들웨어 체이닝
- 구독/해제 정확성
실행 버튼을 눌러 코드를 실행하세요.