로그인 시도중 에러 발생

Question

import produce from '../util/produce' ; export const initialState = { followLoading : false , // 팔로우 시도중 followDone : false , followError : null , unfollowLoading : false , // 언팔로우 시도중 unfollowDone : false , unfollowError : null , logInLoading : false , // 로그인 시도중 logInDone : false , logInError : null , logOutLoading : false , // 로그아웃 시도중 logOutDone : false , logOutError : null , signUpLoading : false , // 회원가입 시도중 signUpDone : false , signUpError : null , changeNicknameLoading : false , // 닉네임 변경 시도중 changeNicknameDone : false , changeNicknameError : null , me : null , signUpData : {}, loginData : {}, }; 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' ; export const SIGN_UP_REQUEST = 'SIGN_UP_REQUEST' ; export const SIGN_UP_SUCCESS = 'SIGN_UP_SUCCESS' ; export const SIGN_UP_FAILURE = 'SIGN_UP_FAILURE' ; export const CHANGE_NICKNAME_REQUEST = 'CHANGE_NICKNAME_REQUEST' ; export const CHANGE_NICKNAME_SUCCESS = 'CHANGE_NICKNAME_SUCCESS' ; export const CHANGE_NICKNAME_FAILURE = 'CHANGE_NICKNAME_FAILURE' ; export const FOLLOW_REQUEST = 'FOLLOW_REQUEST' ; export const FOLLOW_SUCCESS = 'FOLLOW_SUCCESS' ; export const FOLLOW_FAILURE = 'FOLLOW_FAILURE' ; export const UNFOLLOW_REQUEST = 'UNFOLLOW_REQUEST' ; export const UNFOLLOW_SUCCESS = 'UNFOLLOW_SUCCESS' ; export const UNFOLLOW_FAILURE = 'UNFOLLOW_FAILURE' ; export const ADD_POST_TO_ME = 'ADD_POST_TO_ME' ; export const REMOVE_POST_OF_ME = 'REMOVE_POST_OF_ME' ; // const dummyUser = (data) => ({ // ...data, // nickname: 'xodnd2378', // id: 1, // Posts: [{ id: 1 }], // Followings: [{ nickname: '강태웅' }, { nickname: 'ktw2378' }, { nickname: 'xodndxnxn' }], // Followers: [{ nickname: '강태웅' }, { nickname: 'ktw2378' }, { nickname: 'xodndxnxn' }], // }); export const loginRequestAction = ( data ) => ({ type : LOG_IN_REQUEST , data , }); export const logoutRequestAction = () => ({ type : LOG_OUT_REQUEST , }); const reducer = ( state = initialState , action ) => produce ( state , ( draft ) => { switch ( action . type ) { case FOLLOW_REQUEST : draft . followLoading = true ; draft . followError = null ; draft . followDone = false ; break ; case FOLLOW_SUCCESS : draft . followLoading = false ; draft . me . Followings . push ({ id : action . data }); draft . followDone = true ; break ; case FOLLOW_FAILURE : draft . followLoading = false ; draft . followError = action . error ; break ; case UNFOLLOW_REQUEST : draft . unfollowLoading = true ; draft . unfollowError = null ; draft . unfollowDone = false ; break ; case UNFOLLOW_SUCCESS : draft . unfollowLoading = false ; draft . me . Followings = draft . me . Followings . filter (( v ) => v . id !== action . data ); draft . unfollowDone = true ; break ; case UNFOLLOW_FAILURE : draft . unfollowLoading = false ; draft . unfollowError = action . error ; break ; case LOG_IN_REQUEST : draft . logInLoading = true ; draft . logInError = null ; draft . logInDone = false ; break ; case LOG_IN_SUCCESS : draft . logInLoading = false ; draft . me = action . data ; draft . logInDone = true ; break ; case LOG_IN_FAILURE : draft . logInLoading = false ; draft . logInError = action . error ; break ; case LOG_OUT_REQUEST : draft . logOutLoading = true ; draft . logOutError = null ; draft . logOutDone = false ; break ; case LOG_OUT_SUCCESS : draft . logOutLoading = false ; draft . logOutDone = true ; draft . me = null ; break ; case LOG_OUT_FAILURE : draft . logOutLoading = false ; draft . logOutError = action . error ; break ; case SIGN_UP_REQUEST : draft . signUpLoading = true ; draft . signUpError = null ; draft . signUpDone = false ; break ; case SIGN_UP_SUCCESS : draft . signUpLoading = false ; draft . signUpDone = true ; break ; case SIGN_UP_FAILURE : draft . signUpLoading = false ; draft . signUpError = action . error ; break ; case CHANGE_NICKNAME_REQUEST : draft . changeNicknameLoading = true ; draft . changeNicknameError = null ; draft . changeNicknameDone = false ; break ; case CHANGE_NICKNAME_SUCCESS : draft . me . nickname = action . data . nickname ; draft . changeNicknameLoading = false ; draft . changeNicknameDone = true ; break ; case CHANGE_NICKNAME_FAILURE : draft . changeNicknameLoading = false ; draft . changeNicknameError = action . error ; break ; case ADD_POST_TO_ME : draft . me . Posts . unshift ({ id : action . data }); break ; // return { // ...state, // me: { // ...state.me, // Posts: [{ id: action.data }, ...state.me.Posts], // }, // }; case REMOVE_POST_OF_ME : draft . me . Posts = draft . me . Posts . filter (( v ) => v . id !== action . data ); break ; // return { // ...state, // me: { // ...state.me, // Posts: state.me.Posts.filter((v) => v.id !== action.data), // }, // }; default : break ; } }); export default reducer ; 로그인을 시도할 경우, length나 find가 undefined 라고 나옵니다. 더미데이터를 사용하다가 reducers/user.js의 LOG_IN_SUCCESS를 더미데이터를 사용하지 않고action.data를 받아서 사용한 이후로 해당 오류가 계속해서 발생합니다. me.Posts나 me.Followings 등이 null이기 때문에 나오는 오류인 것 같은데 혹시 해결방법이 있을까요?

제로초(조현영) · Answer

me.Posts를 서버에서 안 보내주는 것 같은데요. 서버쪽 강의 들으시면 그 부분 추가하는 것 있습니다.