inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next + React Query로 SNS 서비스 만들기

게시글 업로드 완성 & setQueryData

POST 요청 시 {"statusCode":500,"message":"Internal server error"}가 발생합니다ㅠ

해결된 질문

2968

kraf

작성한 질문수 14

0

안녕하세요! 

 

 

'서버 쿠키 공유하기 & 게시글 업로드 완성' 강의에서 백엔드 전용 토큰을 생성하고 난 다음에 발생하는 에러가 있습니다.

 

 

현재 connect.sid는 잘 받아와 졌고

 

 게시글과 사진을 올린 다음에 게시하기를 누르게 되면 강사님과 다르게

{"statusCode":500,"message":"Internal server error"} 가 발생합니다

 

서버쪽 에러로그는 다음과 같습니다

 

제가 백엔드쪽은 아예 몰라서... 혹시 추가로 첨부해야 할 코드가 있다면 말씀해주시면 감사하겠습니다

react next.js react-query next-auth msw

답변 2

0

제로초(조현영)

서버로 content가 제대로 전송되고있지 않습니다. 데이터 전송 확인하세요.

0

kraf

아 감사합니다. 알려주신 덕분에 해결했습니다!

그리고 죄송하지만 강의를 듣던 도중에 에러는 아니지만 몇가지 의문이 생겨서 추가로 질문을 드립니다!

 

  1.  

  • 프론트엔드 서버에 요청을 보낼때는 NextAuth(Auth.js)의 세션토큰을 기반으로

  • 백엔드 서버에 요청을 보낼때는 백엔드 쿠키를 기반으로 진행한다고 말씀해 주셨는데

정확히 프론트엔드 서버의 요청이라는 것이 무엇을 의미하는 것인지 모르겠습니다

혹시 swagger에 명시되어 있는 API들은 전부 백엔드 서버에 요청을 보내는 것인거고

useSession, signin 같은 메소드는 프론트엔드 서버에 요청을 보내는 것이라고 이해하면 되는건가요?

 

 

 

  1.  

기존 리액트에서 JWT토큰을 적용할 때 accessToken이나 refreshToken을 적용했다면, 여기서 사용한 백엔드 토큰인 connect.sid가 accessToken의 역할을 하는 것이라고 이해해도 될까요?

0

제로초(조현영)

프론트 서버'의'와 서버'에'는 완전히 다른 뜻입니다. 프론트 서버'의' 요청은 프론트서버에서 백엔드 서버로 보내는 것이죠. 프론트 서버'에' 요청은 브라우저에서 프론트 서버로 보내는 것이고요.

swagger api는 백엔드 서버에 보내는 요청아고, useSession, signin은 프론트 서버에 보내는 요청입니다. signin은 백엔드에 다시 한 번 더 보내긴 하지만요.

0

제로초(조현영)

  1. 네 맞습니다.

0

kraf

그렇군요! 이해가 됐습니다 감사합니다!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

수강생님께서 겪고 계신 POST 요청 시 500 (Internal Server Error) 발생 문제는 다른 수강생들도 질문을 통해 해결방법을 찾았던 경우가 있습니다. 해당 에러는 서버 측에서 발생하는 문제이므로, 서버의 에러 로그를 확인해야 정확한 원인을 파악할 수 있습니다. 강사님은 백엔드 터미널의 에러 메시지를 확인하라고 조언하셨습니다. 이에 관련된 강사님의 답변이 있는 게시글 링크를 아래에 첨부드리니, 참고하셔서 문제를 해결해 보시기 바랍니다.

서버의 에러 메시지를 확인하셔서 문제를 해결하실 수 있기를 바랍니다. 추가적인 궁금증이 있으시면 언제든 질문해 주세요.

캡처링부분 질문있습니다.

0

76

2

깃에 소스코드를 찾을 수 없습니다.

0

113

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

98

1

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

0

111

2

css 라이브러리 추천 부탁드립니다

0

141

2

팔로우 추천 목록이 빈 배열로 들어옵니다.

0

133

1

게시물 업로드 시 userId가 undefined로 들어가는 오류

0

119

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

172

1

리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??

0

184

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

110

2

seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?

0

84

2

next.js 서버fetch 에러 fallback ui 구현 방법

0

173

2

프레임워크 여론 파악법

0

125

2

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

0

103

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

102

2

template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈

0

66

2

Auth.js 사용 시 authorize 함수가 호출되지 않습니다

0

132

2

next.js 에서 로그인에 관하여

0

138

1

Next의 route handler에 대한 질문이 있습니다.

0

101

2

게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다

0

98

2

프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.

0

85

2

vanilla-extract 못찾는 문제

0

230

2

fetch 캐싱과 revalidate 관련

0

85

2