Youtube API를 사용하는 React 애플리케이션을 개발 중에 dotenv를 이용해 YOUTUBE_API_KEY
라는 이름으로 API key를 저장해두고 사용하려고 했으나, 애플리케이션을 빌드하고 실행시켜보면 이를 인식하지 못했다.
If you are using react-scripts, which is distributed through create-react-app,
it has dotenv built in but with a quirk.
Preface your environment variables with REACT_APP_. See this stack overflow for more details.
dotenv - npm를 읽어보니 CRA로 만든 React 애플리케이션은 자체적으로 dotenv를 내장하고 있으나,환경 변수를 사용할 때 반드시 환경 변수의 이름 앞에 REACT_APP_
을 붙여야 한다는 것을 확인했다.
REACT_APP_YOUTUBE_API_KEY
로 환경 변수의 이름을 수정했더니 정상적으로 동작했다.
참고한 자료
dotenv - npm