Deployment

[Netlify] FirebaseError: Firebase: Error (auth/invalid-api-key). 에러 해결

2023.08.31

🔥 발생한 에러 Uncaught FirebaseError: Firebase: Error (auth/invalid-api-key). 로컬에서는 잘 동작했지만 Netlify에 배포 후 확인해보니 다음과 같은 에러가 발생했다. 배포할 때 참고한 사이트(https://create-react-app.dev/docs/deployment#netlify) 원인 분석 해당 에러에 대해 글을 쓴 여러 블로그를 찾아서 읽어보니 다음의 경우에 이러한 에러가 발생한다고 한다. .env 파일이 루트에 없는 경우 API 키가 잘못된 경우 firebaseConfig를 export하고, 다른 JS 파일에서 import 할 경우 로컬에서는 잘 동작했기 때문에 Netlify에서 내가 설정한 환경 변수를 제대로 인식하지 못하고 있을 것 같..

Deployment

[Netlify] Netlify 배포하는 방법

2022.07.09

1. 해당 프로젝트 경로로 들어간다. c: \projects\...\프로젝트 경로 2. npm을 이용해 Netlify 파일을 글로벌적으로 설치 $ npm install netlify-cli -g 3. Netlify 명령어 실행 $ netlify deploy 4. What would you like to do? (방향키를 이용하여 선택) + Create & configure a new site 5. Team & Site name 입력 ? Site name: Seongho's team ? Site name: seongho-site-name 6. build 폴더를 deploy (주의❗ build 폴더가 없다면 $ npm run build를 통해 생성) ? Publish directory build 7. 생성된..

[Netlify] FirebaseError: Firebase: Error (auth/invalid-api-key). 에러 해결

[Netlify] Netlify 배포하는 방법

티스토리툴바