React에서 dotenv 사용하기

DongHun, Kim·2023년 5월 17일
0

문제 해결

목록 보기
3/3

😣 문제 상황

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

profile
프론트엔드 개발자가 될래요

0개의 댓글