process.env.REACT_APP_MOVIE_DB_API_KEY를 찾지 못하고 있어요
622
작성한 질문수 0
.env 생성하고 axios.js에서 process.env.REACT_APP_MOVIE_DB_API_KEY를 찾지 못하고 있어요
process.env.REACT_APP_MOVIE_DB_API_KEY=00000000
답변 3
0
안녕하세요 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에 포함되어야 합니다.
이렇게 수정하신 후에도 문제가 계속된다면 더 자세한 정보를 제공해주시면 더 도움을 드릴 수 있어요.
강의 소스 코드 압축 풀기 오류
0
71
1
런타임 에러 ㅠㅠ
0
85
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
102
1
안녕하세요 개발과 상관없는 질문입니다만
0
111
1
리액트 라우터 관련
0
102
1
react-beatiful-dnd에서 문제가 발생합니다.
0
103
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
812
1
useEffect로 사용을 해도 되나요?
0
198
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
195
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
280
2
리액트 dockderfile 작성 시 COPY 질문
0
145
1
next.js에서부터는 react query 필요없는지
0
320
1
기능
0
197
1
오류가 안보여요
0
195
1
CSS
0
217
1
local storage
0
209
1
list컴포넌트 생성하기
0
223
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
331
1
Banner.css에 대해서
0
446
1
플러그인이 추천을 안해줍니다
0
321
1
마이너스버튼 테스트
0
279
2
리액트 서버 실행 오류
0
1156
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
298
1
creactStore질문이요
1
284
2





