[React Native] (expo) .env(환경 변수) 사용하기

1. 라이브러리 설치

npx expo react-native-dotenv
yarn add -D @types/react-native-dotenv

 

 

 

2. babel.config.js 아래 코드 추가하기

- moduleName은 import 할 때 명시한 이름으로 가져올 수 있도록 설정한 것

plugin: [['module:react-native-dotenv', {
moduleName: "@env",
path: ".env"
}]]

 

 

 

3. .env 파일 생성

- 세미콜론, 콤마 아무것도 사용하지 않음

URL=http://naver.com

 

 

 

 

4. .env.d.ts 파일 생성

- 타입스크립트 환경에서는 env.d.ts 파일을 생성하고 사용하고자 하는 환경 변수 타입을 지정해야 함

- 해당 파일과 내용을 추가하지 않으면, 환경 변수를 사용할 때 해당 변수를 찾을 수 없다고 오류가 발생하게 됨

declare module '@env' {
export const API_URL: string;
}

 

 

 

5. 사용 방법

import { URL } from '@env'