인프런 커뮤니티 질문&답변

그 브라우저 콘솔창에

콘솔창에 

{type: "LOAD_POSTS_REQUEST}

{type: "LOAD_POSTS_SUCCESS, data : null, @@redux-saga/SAGA_ACTION}

이런식으로 찍히는거요

전 이런식으로 찍히네요

const configureStore = (context) => {
    console.log(context);
    const sagaMiddleware = createSagaMiddleware();
    //const middlewares = [sagaMiddleware, loggerMiddleware]; //여기 saga를 넣음 리덕스의 없던 기능을 추가해주는 역할을 한다. 성크 -
    const middlewares = [sagaMiddleware];
    const enhancer = process.env.NODE_ENV === 'production' //리덕스의 기능이 확장되어서 인핸서인거임
    ?compose(applyMiddleware(...middlewares))  //배포용
    :composeWithDevTools(applyMiddleware(...middlewares),); // 개발용 - 이것도 middlewares 아 내재되어 있어서 동작한다.

    const store = createStore(reducer, enhancer); //store.dispatch(testtest) - 를하면 reducer
    store.sagaTask =  sagaMiddleware.run(rootSaga);
    // createSagaMiddleware로 미들웨어를 만들었는데 이 미들웨어가 리듀서로 액션이 보내지기 전에 사가쪽에도 액션를 전달해서 watch에 해당되는 게 있나 비교하고, 있으면 실행합니다.
    return store;
};

// eslint-disable-next-line no-unused-vars
//next-redux-wrapper
//디버그 관련
const wrapper = createWrapper(configureStore, {
    debug: process.env.NODE_ENV === 'development',
});

export default wrapper;

네 그게 debug입니다

어 근데 그 저는 브라우저 console에 그  {type: "LOAD_POSTS_SUCCESS, data : null, @@redux-saga/SAGA_ACTION} 이런식의 로그들 동작마다 diff처럼 나오는거 있잖아요 그게 안뜨는데 따로 해줘야할게 있는건가요?

저기 middlewares 부분에 loggerMiddleware 적용 안 하셨네요.