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

안녕하세요 제로초님. 강의 잘 보고있습니다~

현재 6-5 강의까지 들었는데 사용자 아바타 클릭 시 해당 사용자의 게시물만 출력하는 과정에서 에러가 있어서 질문드립니다.

특정 유저 게시물을 불러오는 과정에서 페이지의 모든 출력이 사라지네요 주소는 잘 들어가는데 이런 경우는 어디가 문제일까요..? 아직 이해가 부족해서 그런지 이 에러는 어떤 부분을 확인해야 할지 감이 안오네요.. 우선 제 깃헙주소랑 네트워크 기록 스크린샷 남길게요. ㅠㅠ

https://github.com/ljg0230/nodebird_ljg/tree/feature

user.js의 userInfo Card actions쪽 문제인 것 같습니다. 이 부분은 backend에서 routes/user에서 제 github 소스랑 비교해보세요.

죄송합니다 ~ 말씀하신 부분들 수정해서 다시 업로드했습니다.

https://github.com/ljg0230/nodebird_ljg/tree/hotfix_1

node_modules는 빼고 깃헙에 업로드해주시길 바랍니다.

또한

routes/users.js에서 get('/')에서

if (!req.user) {

return res.status(401).send("로그인이 필요합니다.");

}

이 부분 지워주세요.

죄송합니다 ㅠ 말씀해주신 부분들 로그로 확인했는데 데이터는 정상적으로 들어있어네요..

일단 체크해보실 부분은 router.get('/:id/posts')에서 res.json(posts)의 posts가 잘 나오는지,

reducer에서 mainPosts에 posts 데이터가 잘 담기는지입니다.

이 부분 체크해보시고 안 되면 다시 알려주세요.

네 401 로그인 에러말고는 정확하게 파악이 안되서요 hashtag로 불러오는건 정상적으로 잘 되고, 방금 쿠키 삭제 후 다시해봐도 그대로네요

401이면 서버쪽에서도 에러 뜨지 않나요? 일단 로그인이 안 되어있다는 건데 이 부분은 쿠키 문제일 수도 있습니다.

네 리덕스툴에는 LOAD_USER_SUCCESS, LOAD_USER_POSTS_SUCCESS 확인했고, 콘솔탭 에러도 확인은 해봤는데... 원인은 못찾았네요

Error: "Request failed with status code 401"

createError createError.js:16

settle settle.js:17

handleLoad xhr.js:59

index.js:1

The above error occurred in one of your React components: in div (created by User) in span (created by Context.Consumer) in li (created by Context.Consumer) in ul (created by Context.Consumer) in div (created by Context.Consumer) in Card (created by User) in div (created by User) in User (created by NodeBird) in div (created by Context.Consumer) in Col (created by AppLayout) in div (created by Context.Consumer) in Row (created by AppLayout) in div (created by AppLayout) in AppLayout (created by NodeBird) in Provider (created by NodeBird) in NodeBird (created by withRedux(NodeBird)) in withRedux(NodeBird) in Suspense (created by AppContainer) in Container (created by AppContainer) in AppContainer React will try to recreate this component tree from scratch using the error boundary you provided, Container. index.js:1

e index.js:1

NextJS 22

Redux 5

e 2:1

Redux 12

Warning: Container: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI. index.js:1

Error: Objects are not valid as a React child (found: object with keys {id}). If you meant to render a collection of children, use an array instead. in div (created by User) in span (created by Context.Consumer) in li (created by Context.Consumer) in ul (created by Context.Consumer) in div (created by Context.Consumer) in Card (created by User) in div (created by User) in User (created by NodeBird) in div (created by Context.Consumer) in Col (created by AppLayout) in div (created by Context.Consumer) in Row (created by AppLayout) in div (created by AppLayout) in AppLayout (created by NodeBird) in Provider (created by NodeBird) in NodeBird (created by withRedux(NodeBird)) in withRedux(NodeBird) in Suspense (created by AppContainer) in Container (created by AppContainer) in AppContainer

콘솔탭에 에러가있지 않나요? 또한 리덕스데브툴즈도 보셔야합니다.

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

질문입니다.