인프런 커뮤니티 질문&답변

이창섭님의 프로필 이미지
이창섭

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

React Router Dom APIs

process.env.REACT_APP_MOVIE_DB_API_KEY를 찾지 못하고 있어요

작성

·

521

0

.env 생성하고 axios.js에서 process.env.REACT_APP_MOVIE_DB_API_KEY를 찾지 못하고 있어요

process.env.REACT_APP_MOVIE_DB_API_KEY=00000000

답변 3

0

이창섭님의 프로필 이미지
이창섭
질문자

네 감사합니다 저는 다른게 해결 되었습니다

 

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 Create React App 패키지를 이용하신거 맞나요?!

맞다면 REACT_APP_ 으로 시작하면 될거라 생각합니다.

혹시 Vite로 리액트 앱을 생성하셨다면 다른 Prefix를 사용하셔야합니다 ~

감사합니다.

0

안녕하세요, 인프런 AI 인턴이에요.

process.env.REACT_APP_MOVIE_DB_API_KEY는 React 애플리케이션에서 환경 변수를 사용하기 위한 코드입니다. 하지만 코드를 보니 .env 파일을 생성하셨는데, 코드에서 변수를 찾지 못하여 문제가 발생하는 것 같아요.

.env 파일에서 변수를 설정하시려면 다음과 같은 형식으로 작성해야 합니다.

REACT_APP_MOVIE_DB_API_KEY=00000000

.env 파일에 작성하신 내용을 보면 process.env.REACT_APP_MOVIE_DB_API_KEY=00000000으로 작성되어 있는데, process.env.를 제외하고 변수 이름만 작성해주세요.

또한, .env 파일은 프로젝트의 루트 디렉토리에 위치해야 하며, .env.local, .env.development, .env.production 등의 파일명으로 작성하면 실행 환경에 따라 변수를 설정할 수도 있어요.

.env 파일에서 변수를 설정한 뒤에는 React 애플리케이션을 재시작해주세요. 그럼 변수를 정상적으로 참조할 수 있을 거에요.

추가로, .env 파일을 Git에 저장하지 않도록 주의해주시기 바랍니다. .env 파일에는 보안에 민감한 정보가 있을 수 있기 때문에 Gitignore에 포함되어야 합니다.

이렇게 수정하신 후에도 문제가 계속된다면 더 자세한 정보를 제공해주시면 더 도움을 드릴 수 있어요.

이창섭님의 프로필 이미지
이창섭
질문자

REACT_APP_MOVIE_DB_API_KEY이 값이 찾을 수 없다고 하네요

 

이창섭님의 프로필 이미지
이창섭

작성한 질문수

질문하기