inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

게시글, 댓글 saga 작성하기

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

315

박민호

작성한 질문수 9

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

    }

  }

}

redux nodejs express react Next.js

답변 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

박민호

넥스트 버젼 질문

0

77

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

무한 스크롤 중 스크롤 튐 현상

0

174

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

nextjs 15버전 사용 가능할까요?

0

158

1

화면 새로고침 문의

0

121

1

RTK에서 draft, state 차이가 있나요?

0

153

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

349

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

372

1

sudo certbot --nginx 에러

0

1273

2

Minified React error 콘솔에러 (hydrate)

0

469

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

247

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

326

1

npm run build 에러

0

518

1

front 서버 npm run build 중에 발생한 에러들

0

381

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

337

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

287

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

237

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

201

1