[TIL] 10주차 목요일. 팀플 - 아웃소싱 프로젝트. 완성, 배포

배포 시 주의할 점

1. ../public/images/ 이런 폴더에 있는 파일을 코드에 쓸 때 public 안에 있는 건 그냥 images/ 이런 식으로 url 넣어야 배포해도 작동됨. 이건 상황에 맞게 입력해보고 로컬에서 잘 돌아가면 배포했을 때도 다 잘 표시되는지 확인 한 번 거치자. 에러 있으면 어떤 설정을 해주기도 한다던데.. 필요하면 추가로 찾아보기.

2. .env 파일에 있는 거 추가할 때 여러개면 따로따로 넣어야 함.
   왼쪽에 VITE_KAKAO_API_KEY 오른쪽에 value
   이런 식으로

3. 카카오 맵 API 사용할 때 로컬에서 작업할 때도 로컬 도메인 주소를 설정에 적용시켰는데, 배포를 하면 배포된 도메인 주소도 적용시켜야 한다.
   여기서 최대 9개까지 등록 가능하고, 수정 버튼 누르면 할 수 있다.
   
   

4. vercel 배포 시 새로고침 하면 뜨는 404 에러
   프로젝트 제일 상단 위치에 vercel.json 추가해주기

// vercel.json
{
  "routes": [
    { "handle": "filesystem" },
    { "src": "/.*", "dest": "/index.html" }
  ]
}