[TIL] 내일배움캠프 React 과정 2024.07.04

오늘의 한 일

• 포켓몬 도감 (개인 과제)
  • vercel 배포
  • readme 작성

환경변수 선언 문제

문제 상황

• vercel 배포를 위해 baseURL을 env 파일의 변수로 선언한 상황
  

문제 코드

//env.local
NEXT_PUBLIC_BASE_URL="http://localhost:3000";

문제 해결

• 문제는 뒤에 붙은 ;
• 나도 모르게 습관적으로 붙인 ;에서 오류가 발생하였다...
• ;를 지워서 문제를 해결할 수 있었다.

Vercel 배포와 환경 변수

문제 상황

• vercel 배포를 위해 baseURL을 env 파일의 변수로 변경을 하였다.
• vercel 첫 배포 이후 vercel의 환경 변수까지 변경하였는데 아래 이미지와 같은 에러가 발생하였다.
  

문제 해결

• 문제는 vercel의 환경 변수를 수정한 이후에 다시 배포를 하지 않았다는 것이였다.

Vercel 재배포 하는 방법

• 해당 프로젝트의 deployments 탭으로 이동한다.
  

• deployments 탭에서 current가 붙은 production의 옵션 탭을 클릭한다.
  

• 옵션에서 Redeploy를 클릭한다.