React + Vite + JS 프로젝트를 작업하고 Vercel에 배포를 하니 간헐적으로 404에러가 발생했다. 이유가 궁금해서 좀 더 테스트를 진행해보니 랜덤하게 발생하는게 아니고 `navigate`나 ``로 이동하지 않으면 해당 에러가 발생하는 것 같았다. 예를 들어 `/signin` 이라는 path에 접근할 때 버튼 클릭 등으로 이동하는게 아닌, 직접 url에 입력해서 이동하려하면 발생했다. 🚨 404 해결해결은 매우매우 간단하게 해결했다. 프로젝트 루트 경로에 `vercel.json` 이라는 파일을 생성하고 아래 내용을 복붙한다. vercel.json{ "routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]}
💡 .env`.env` 파일은 환경 변수를 설정하기 위해 사용된다. 쉽게 말해 프로젝트 전역에서 참조할 수 있는 값들을 모아놓은 파일이라고 생각하면 된다. 여러가지 목적이 있겠지만 가장 큰 2가지 이유는 다음과 같다. 1. 민감한 데이터를 보관한다.작업자이외의 사람들은 `.env`의 값들을 확인할 수 없다. (`.gitignore`필수 설정) 2. 프로젝트 환경에 맞게 데이터 설정 가능개발환경, 로컬환경, 테스트, 배포.. 등의 환경마다 값을 다르게 사용할 수 있게 된다.예를 들어 개발 환경에서는 어떤 데이터들을 불러올 때 더미데이터를 불러오는 api를 사용하고, 배포할 때는 실제 데이터의 api를 사용한다고 가정. 원래라면 api 주소값을 할당한 모든 부분을 수정해야 하지만 `.env`를 잘 사용하..
회원가입할 때 Provider메뉴의 Email - Confirm email 이 활성화 되어 있으면 발생한다. 이게 켜져 있으면 회원가입할 때 실제 이메일로 인증 메일을 보내고, 수락을 해야 회원가입이 완료 된다. 좋아 보이지만 무료 요금제는 하루에 제한이 있으며(시간당 3건인가?) 초과된 경우 발생한다. 🚨 끄는 방법1. Authentication -> Providers메뉴 이동2. Email 선택3. Confirm email 끄기4. save