.env 파일에서 API key 관리하던 중 에러가..?

Firebase Auth로 로그인 기능을 구현하고 있었다. Firebase에서 SDK를 제공받았고, 세팅을 시작했다. 

 

필요한 값을 firebase 설정에 적용하면 되었다.

 

 

API key처럼 민감한 정보는 아래와 같이.env 파일을 이용해 별도의 파일에 저장하자.

 

그리고 공개될 수 있는 코드에는  process.env.이름 과 같은 형식으로 값을 전해주면 된다.

---

 

문제는 이렇게 했을 때 API key가 valid하지 않다고 에러가 난 것이었다. 왜지?

 

 

아래 링크에서 과연 어떤 상황에서 이러한 오류가 날까에 대한 여러 가지 해결책이 있었다.

https://stackoverflow.com/questions/54636324/firebase-invalid-api-key-error-in-console

 

읽어보면서 내가 범한 오류는 아니더라도 주의깊게 여겨볼만한 점들을 정리해보았다.

1. .env가 root에 있는가? 가끔씩 src 폴더안에 있는 경우가 있다
2. .env 파일에서 변수들 사이에 실수로 쉼표( , )를 넣었는가?
3. 환경변수에 따옴표를 넣거나 빼어보았는가?
4. Ctrl + C와 yarn start로 재시작을 해보았는가?

나는 1번과 2번 실수는 범하지 않았고, 3번을 시도해보았으나 별 차이가 없었다. 놀랍게도 답은 4번이었다.

Firebase를 import 한 후 재시작을 하지 않아서 발생한 것.

어이없는 실수이지만 그 덕분에 충분히 겪을만한 다른 시나리오들도 알게 되는 계기였다.