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

안녕하세요.. 제로초님 ㅜㅜ

며칠동안 해결을 하지 못하여 진도를 나갈수가 없어 ㅜㅜㅜ

큐앤에이 남깁니다 ...(또륵)

login버튼을 누르면 redux에서는 'LOG_IN_REQUEST'실행이 되지만..saga에서는 'LOG_IN_REQUEST'로 안넘어갑니다 ㅜ

LOG_IN_SUCCESS로도 당연히 안 넘어가구요 ㅜㅜ

redux history 에도 LOG_IN_REQUEST만 남고

LOG_IN_SUCCESS나

LOG_IN_FAILURE로는 아예 안넘어갑니다 ㅜㅜ

*참고로 console.log로 찍으면

function* watchLogIn()까지는 찍힙니다 ㅜㅜ 대체 왜그럴까요 

//sagas/user.js 코드

import { all, delay, fork, put, takeLatest } from 'redux-saga/effects';
import axios from 'axios';

import {
  LOG_IN_FAILURE,
  LOG_IN_REQUEST,
  LOG_IN_SUCCESS,
  LOG_OUT_FAILURE,
  LOG_OUT_REQUEST,
  LOG_OUT_SUCCESS,
 
} from '../reducers/user';

function logInAPI(data) {
  return axios.post('/api/login', data);
}

function* logIn(action) {
  console.log("Loginsaga");
  try {
    //console.log('saga logIn');
    // const result = yield call(logInAPI);
    yield delay(1000);
    yield put({
      type: LOG_IN_SUCCESS,
      data:action.data,
    });
  } catch (err) {
    console.error(err);
    yield put({
      type: LOG_IN_FAILURE,
      data: err.response.data,
    });
  }
}

function logOutAPI() {
  return axios.post('/api/logout');
}

function* logOut() {
  try {
    // const result = yield call(logOutAPI);
    yield delay(1000);
    yield put({
      type: LOG_OUT_SUCCESS,
    });
  } catch (err) {
    console.error(err);
    yield put({
      type: LOG_OUT_FAILURE,
      error: err.response.data,
    });
  }
}




function* watchLogIn() {
  console.log("watchLogin");
  yield takeLatest(LOG_IN_REQUEST, logIn);
}

function* watchLogOut() {
  yield takeLatest(LOG_OUT_REQUEST, logOut);
}


export default function* userSaga() {
  yield all([
   
    fork(watchLogIn),
    fork(watchLogOut),
   
  ]);
}


//reducers/user.js 코드


//reducer 쪼개기!
export const LOG_IN_REQUEST = 'LOG_IN_REQUEST';
export const LOG_IN_SUCCESS = 'LOG_IN_SUCCESS';
export const LOG_IN_FAILURE = 'LOG_IN_FAILURE';

export const LOG_OUT_REQUEST = 'LOG_OUT_REQUEST';
export const LOG_OUT_SUCCESS = 'LOG_OUT_SUCCESS';
export const LOG_OUT_FAILURE = 'LOG_OUT_FAILURE';

const dummyUser = {
    id: 1,
    nickname: 'songsong',
    Posts: [],
    Followings: [],
    Followers: [],
  };


export const initialState={
    isLoggingIN:false ,//시도에 대한 변수
    isLoggedIn: false,
    isLoggingOUT:false,
    me: null,
    signUpdate: {},
    loginDate: {}

}

//actionCreater
export const loginRequestAction = (data) => ({
    type: LOG_IN_REQUEST,
    data,
  });
  
  export const logoutRequestAction = () => ({
    type: LOG_OUT_REQUEST,
  });



const Userreducer=(state=initialState,action)=>{
    switch(action.type){

        case LOG_IN_REQUEST:
            console.log('reducer logInReQuest');
            return {
                ...state,
               isLoggingIN:true,
            }
        case LOG_IN_SUCCESS:
            console.log('reducer logInSuccess');
            return {
                ...state, 
                isLoggingIN:false,
                isLoggedIn: true,
                me:{...action.data,nickname:'songsong'}
               

            }
            case 'LOG_IN_FAILURE':
                return { 
                    ...state, 
                    isLoggingIN:false,
           
                }
        case LOG_OUT_REQUEST:
            return {
                ...state,
                isLoggingOUT:true,  
                
            }
        case LOG_OUT_SUCCESS:
            return {
                ...state,
                isLoggingOUT:false,
                isLoggedIn: false,
                me:null
               
         
            }
        case LOG_OUT_FAILURE:
            return {
                ...state,
                isLoggingOUT:false,
               
            }
       
        default :
        return state;
    }

    }
  
export default Userreducer;