강의

멘토링

커뮤니티

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

박민호님의 프로필 이미지
박민호

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

게시글, 댓글 saga 작성하기

터미널에 이런 에러가 자꾸 뜨는데 뭘까요..

작성

·

312

0

터미널에 자꾸 이렇게 뜨는데 이게 뭘까요....

분명 코드는 똑같은데....찾질 못하겠어요 ㅠㅠ

1. getProps created store with state {

  index: {},

  user: {

    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: {}

  },

  post: {

    mainPosts: [ [Object] ],

    imagePaths: [],

    addPostLoading: false,

    addPostDone: false,

    addPostError: null,

    addCommentLoading: false,

    addCommentDone: false,

    addCommentError: null

  }

}

3. getProps after dispatches has store state {

  index: {},

  user: {

    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: {}

  },

  post: {

    mainPosts: [ [Object] ],

    imagePaths: [],

    addPostLoading: false,

    addPostDone: false,

    addPostError: null,

    addCommentLoading: false,

    addCommentDone: false,

    addCommentError: null

  }

}

4. WrappedApp created new store with withRedux(withReduxSaga(NodeBird)) {

  initialState: {

    index: {},

    user: {

      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: {}

    },

    post: {

      mainPosts: [Array],

      imagePaths: [],

      addPostLoading: false,

      addPostDone: false,

      addPostError: null,

      addCommentLoading: false,

      addCommentDone: false,

      addCommentError: null

    }

  },

  initialStateFromGSPorGSSR: undefined

}

HYDRATE {

  type: '__NEXT_REDUX_WRAPPER_HYDRATE__',

  payload: {

    index: {},

    user: {

      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: {}

    },

    post: {

      mainPosts: [Array],

      imagePaths: [],

      addPostLoading: false,

      addPostDone: false,

      addPostError: null,

      addCommentLoading: false,

      addCommentDone: false,

      addCommentError: null

    }

  }

}

답변 9

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

서버 재시작이 문제라기보다는 서버에서 next build하고 계신가요?

0

박민호님의 프로필 이미지
박민호
질문자

useInput.js 부분을 깃허브 제로초님것으로 복사하니까 잘 작동해서 혹시나해서 제로초님 코드 주석 처리하고 기존것을 다시 저장하고 서버 재시작하니까 또 오류가 나지 않습니다... 이런현상이 일어나는 이유가 무엇일까요? 혹시 캐시에 문제일까 해서 브라우저와 vscode 도 완전히 껏다켰는데 참...이상하네요...

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

POST 문제는 해결하셨나요? post reducer에서 mainPosts에 데이터 넣는 부분이 이상한 것 같습니다. mainPosts가 배열 안에 배열이 들어있는 모양으로 나오네요.

useInput.js는 문제 없는데 PostForm.js가 문제였던 것 같습니다.

0

박민호님의 프로필 이미지
박민호
질문자

강의를 따라한 useInput.js 이고 ,   그냥 저거 주석 처리하고 깃허브에 올린거 그대로 복사하니까 오류가 생기지 않습니다. 아무리봐도 오타는 안보이는데 혹시 저부분에 잘못된게 있을까요?

0

박민호님의 프로필 이미지
박민호
질문자

import { useState, useCallback } from 'react';

export default (initialValue = null) => {
const [value, setValue] = useState(initialValue);

const handler = useCallback((e) => {
setValue(e.target.value);
},[]);
return [value, handler, setValue];
};

0

박민호님의 프로필 이미지
박민호
질문자

redux devtools 에는 ADD_POST_SUCCESS 까지 잘 되고 거기에 데이트 확인해보면 데이터 까지 잘 들어가는데 오류가 나옵니다ㅠ   useInput.js 에도 오타가 없는데 왜 이런 오류가 나올까요? 자꾸 오류가나와서...ㅠㅠ 죄송해요

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

저건 configureStore.js에서 debug false로 만드시면 없어집니다.

postData가 undefined이거나 해서 에러가 발생하는 것입니다. 게시글 데이터가 비어 있는 것 같습니다.

0

박민호님의 프로필 이미지
박민호
질문자

split이 함수가 아니라는 에러는 왜 있는건지 모르겠어요..

0

박민호님의 프로필 이미지
박민호
질문자

박민호님의 프로필 이미지
박민호

작성한 질문수

질문하기