인프런 커뮤니티 질문&답변
작성한 질문수
로그인이 안됩니다.
해결된 질문
작성
·
344
퀴즈
Redux Thunk의 주된 역할은 무엇일까요?
상태 변화 로깅하기
비동기 액션 처리 돕기
액션 타입 상수화 강제하기
리듀서 불변성 자동으로 관리하기
답변 5
1
Trendy Tube
질문자
import { createWrapper } from 'next-redux-wrapper';
import { applyMiddleware, compose, createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import createSagaMiddleware from 'redux-saga';
import reducer from '../reducers'
const loggerMiddleware = ({ dispatch, getState }) => (next) => (action) => {
console.log(action);
return next(action);
};
const configureStore = () => {
const sagaMiddleware = createSagaMiddleware();
const middlewares = [sagaMiddleware, loggerMiddleware];
const enhancer = process.env.NODE_ENV === 'production'
? compose(applyMiddleware(...middlewares)) // 배포용일때 Devtool연결 안해놓고
: composeWithDevTools(applyMiddleware(...middlewares)) // 개발용일때 Devtools 연결, (history가 다 보이면 보안에 취약, 메모리부하)
const store = createStore(reducer, enhancer);
return store;
};
const wrapper = createWrapper(configureStore, {
debug: process.env.NODE_ENV === 'development',
});
export default wrapper;
0
0
0
Trendy Tube
질문자
Warning: MenuItem should not leave underfined `key`. 라는 붉은색 경고 메시지가 콘솔창에 나옵니다. 위치는 next-dev.js?3515:32 라고 나옵니다.
0
Trendy Tube
질문자
import { all, fork, delay, put, takeLatest } from 'redux-saga/effects';
import axios from 'axios';
import { LOG_IN_REQUEST, LOG_IN_SUCCESS, LOG_IN_FAILURE,
LOG_OUT_REQUEST, LOG_OUT_SUCCESS, LOG_OUT_FAILURE,
SIGN_UP_REQUEST, SIGN_UP_SUCCESS, SIGN_UP_FAILURE,
} from '../reducers/user';
function logInAPI(data) {
return axios.post('/api/login', data)
}
function* logIn(action) {
try{
console.log('saga logIn');
// const result = yield call(logInAPI, action.data);
yield delay(1000);
yield put({
type: LOG_IN_SUCCESS,
data: action.data,
});
} catch (err) {
yield put({
type: LOG_IN_FAILURE,
error: err.response.data,
})
}
}
function logOutAPI() {
return axios.post('/api/login')
}
function* logOut() {
try{
// const result = yield call(logOutAPI);
yield delay(1000);
yield put({
type: LOG_OUT_SUCCESS,
data: result.data
});
} catch (err) {
yield put({
type: LOG_OUT_FAILURE,
error: err.response.data,
})
}
}
function signUpAPI() {
return axios.post('/api/login')
}
function* signUp() {
try{
// const result = yield call(signUpAPI);
yield delay(1000);
yield put({
type: SIGN_UP_SUCCESS,
});
} catch (err) {
yield put({
type: SIGN_UP_FAILURE,
error: err.response.data,
})
}
}
function* watchLogIn() {
yield takeLatest(LOG_IN_REQUEST, logIn);
}
function* watchLogOut() {
yield takeLatest(LOG_OUT_REQUEST, logOut);
}
function* watchSignUp() {
yield takeLatest(SIGN_UP_REQUEST, signUp);
}
export default function* userSaga() {
yield all([
fork(watchLogIn),
fork(watchLogOut),
fork(watchSignUp),
])
}
https://github.com/ZeroCho/react-nodebird/blob/master/ch5/front/store/configureStore.js#L19
이 줄 빠뜨리셨습니다.