React Native 환경 변수 설정 방법

리액트 네이티브 공식문서 내용

리액트 네이티브 공식문서에서는 babel.config.js를 생성하여 환경변수를 지정하고 react-native-dotenv를 설치하고 .env파일을 생성하여 import문으로 환경변수를 불러온다.(나는 작동 하지 않았음, 최초 프로젝트 생성시 babel.config.js도 없었음)

 

\

여러차례 캐시를 지우면서 재실행 해봤지만 package.json어쩌구 오류가 발생한다.

 

 

expo 공식 문서

환경변수의 형태를 EXPO_PUBLIC_API_URL 즉 EXPO_PUBLIC을 접두어로 붙여서 환경변수를 네이밍 한다.

 

아래 사진을 보면 정상적으로 환경변수를 불러온 것을 확인할 수 있었다.

 

정리

리액트 네이티브에서는 환경변수 네이밍에 EXPO_PUBLIC이라는 접두사를 붙여서 네이밍한다.

 

참고 : https://docs.expo.dev/guides/environment-variables/