라이브러리 선택 (react-native-dotenv || react-native-config 중 선택해서 설치, 나는 config로 함)
package.json이랑 같은 레벨에 .env 파일 생성하고 내부에 baseUrl key=value 형식으로 정리해놓기
BASE_URL='베이스주소~~/'
SOCKET_URL='주소~~/'
url 사용하는 컴포넌트에 import 해서 사용
import Config from 'react-native-config';
이렇게 임포트해서
const connected = io(${Config.SOCKET_URL}main
);
원래 사용하던 곳에 변수로 name 필드를 더해 사용
gitIgnore에 .env 추가
여기까지만하면 ios는 적용가능
안드로이드는 몇 가지 명령어를 추가해주어야 함
android/settings.gradle 에 아래 코드 라인을 추가
include ':react-native-config'
project(':react-native-config').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-config/android')
android/app/build.gradle 에 또한 아래 코드 라인을 추가 합니다.
apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
참고한 블로그 : https://ssilook.tistory.com/entry/React-Native-RN-환경-변수를-활용한-API-key-숨기기