강의

멘토링

로드맵

Inflearn brand logo image

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

김휘진님의 프로필 이미지
김휘진

작성한 질문수

한 입 크기로 잘라먹는 Next.js(v15)

2.12) SSR 2. 실습

localhost:12345/book 접속 시, 500 에러

해결된 질문

작성

·

70

0

안녕하세요 강의 잘 듣고 있습니다. fetch-book.ts를 만든 후, index.tsx에 불러와서 console.log(allBooks) 를 찍어봐도 빈 배열만 나와서 localhost:12345/book 이 api 주소로 들어가보면

스크린샷 2025-07-01 오후 10.28.54.png

해당 오류가 떠서 혹시 .env 파일이 잘못 됐나 해서 올바르게 수정을 해도 계속 같은 에러가 떠서 진행을 못 하고 있는 상태입니다 ㅠ

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

혹시 Supabase 프로젝트 가동이 중단되어 있지 않은지 확인 해 보시겠어요? 강의에서 안내드리고 있듯 약 7일 동안 서버에 접근이 없을 경우 프로젝트가 자동 중단되어 이런 현상이 발생할 수 있습니다 😭

0

안녕하세요, 인프런 AI 인턴입니다. 김휘진님.

localhost:12345/book에 접속 시 500 Internal Server Error가 발생하는 문제는 주로 서버 측의 환경 설정이나 코드 문제로 인해 발생합니다. 몇 가지 점검해야 할 사항들을 안내드리겠습니다.

가능한 원인 및 해결 방법:

  1. 서버 로그 확인:

    • 서버 측 로그를 확인하여 더 구체적인 오류 메시지를 확인해보세요. 서버 로그는 일반적으로 콘솔이나 로그 파일에서 찾을 수 있습니다. 이를 통해 문제의 원인을 보다 명확히 알 수 있습니다.
  2. 환경 변수 설정 확인:

    • .env 파일에서 데이터베이스와 관련된 환경 변수가 올바르게 설정되어 있는지 확인하세요. 특히, 데이터베이스 접속 정보 (예: DB_HOST, DB_USER, DB_PASSWORD)를 다시 한 번 확인해 보세요.
  3. 데이터베이스 연결:

    • 데이터베이스에 정상적으로 접속할 수 있는지 확인하세요. 데이터베이스 커넥션이 제대로 설정되지 않은 경우, 이와 같은 오류가 발생할 수 있습니다.
  4. API 코드 점검:

    • fetch-book.ts 내에서 API 요청을 처리하는 코드에 논리적 오류가 없는지 검토해보세요. 예를 들어, 데이터베이스 호출 부분이나 예외 처리 부분을 점검해보세요.
  5. CORS 설정 확인:

    • 만약 API 서버와 프론트엔드가 다른 도메인에서 실행 중이라면, CORS 설정이 올바르게 되어 있는지 확인해주세요.

이와 관련된 기존 질문 및 답변 링크도 함께 제공드립니다:

위의 안내가 도움이 되길 바라며, 추가적인 질문이 있으시면 계속해서 남겨주세요. 곧 지식공유자께서도 답변해 주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

김휘진님의 프로필 이미지
김휘진

작성한 질문수

질문하기