Inflearn Community Q&A
asked
요청 주소에서 undefined가 찍힙니다
Written on
·
2.4K
0
카테고리를 1번째 Category 라고 작성해보았는데요~
Front는
Category: "1번째 Category"
가 뜨면서 잘 작동하는 것 같은데,
console을 살펴보니
GET http://localhost:7000/api/post/category/undefined 500 (Internal Server Error)
Error: Request failed with status code 500 (CategoryResult.js:13)
1번째 Category (CategoryResult.js:14)
이렇게 뜨면서 에러가 발생하고 있습니다!
아마 제 생각에는 요청하는 주소가
.../category/undefined 와 같이,
1번째 Category가 undefined로 되는게 문제가 아닐까 생각하게 되었습니다.
그래서 postSaga.js에서 CategoryFindAPI를 보니
const CategoryFindAPI = (payload) => {
return axios.get(`/api/post/category/${encodeURIComponent(payload)}`)
}
위와 같이 작성하였습니다.
제가 어디서 실수했는지 감을 잡지 못해서... 가르침 부탁드립니다!
그리고 조금 더 console을 살펴보니,
https://github.com/sideproject0214/blog/blob/master/server/routes/api/post.js
위 페이지에서 275번째 줄
console.log(result, "Category Find result") 찍어보니
많은 내용 중에서,
_conditions: { categoryName: { '$regex': 'undefined', '$options': 'i' } },
이렇게 찍히는 것 까지는 확인했습니다!
서버에서 params를 제대로 전달 받지 못하고 있어서 undefined가 찍히는 것 같은데, 어떻게 해결하면 좋을까요...?
난해한 질문 죄송합니다 ㅜㅜ
Quiz
대규모 React 애플리케이션에서 Redux를 사용하는 주된 이유는 무엇일까요?
컴포넌트의 스타일링을 위해서
애플리케이션의 전역 상태 관리를 중앙화하기 위해서
사용자 인증 속도를 높이기 위해서
데이터베이스 연결을 직접 처리하기 위해서
Answer 4
1
일단... 뭔가 전달이 안되고 있는거 같습니다. 모든 코드를 잘 작성한거같은데 오류가 난다면 오류의 대부분은 reducer문제입니다. 일단 reducer 확인해보시고 안되시면 깃주소 주시면 검토해보겠습니다
0
0
아..ㅜㅜㅜ 선생님 해결했습니다~~
역시나 오타문제가 맞았습니다.
CategoryResult.js에서
useEffect(() => {
dispatch({
type: CATEGORY_FIND_REQUEST,
paylaod: categoryName,
})
}, [dispatch, categoryName])
이렇게 액션과 함께 보내주는 payload를
payload로 써야하는데, paylaod로 오타를 내서... 계속 undefined 찍혔던 것이었고,
아무런 문제없이 잘 작동합니다!
감사합니다!!
0
넵 강의 정말 너무 좋아요 ㅜㅜㅎㅎ 감사합니다
사실 제가 소소한 오타를 냈을 가능성이 크다고 생각하고,
선생님 말씀처럼 reducer를 살펴보고 해결해보도록 하겠습니당!