K
KRYFT Problem Bank
프론트엔드 어려움 코딩

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 - 비동기 액션 지원

평가 기준

  • 불변성 유지
  • 미들웨어 체이닝
  • 구독/해제 정확성
실행 버튼을 눌러 코드를 실행하세요.