React Native : Expo에서 환경변수

문제 발생

React Native : Weather App

어제 올린 포스팅대로 코드 실행하니까 정상적으로 작동해서 모든 게 문제 없을 줄 알았는데 사실 env파일에 적힌 내 API KEY를 제대로 인식해서 데이터 받아오고 있는 게 아니라.. OpenWeather가 API 키 없이도 그냥 동작하게 해주고 있음을 알았다. 

 

 

GPT에 물어봐서 babel.config.js도 만들어보고 별의별 난리를 쳤지만 해결할 수 없었다. 이유는 I don't know .. expo에서는 안 먹히는 바업인가 ? 그치만 고생한 시간이 어처구니 없게도 구글링해서 바로 해결;; 

 

https://paran21.tistory.com/243

[React Native] expo에서 환경변수 추가하기

이 분 포스팅 보고 바로 해결했다

 

역시 공식문서 보는게 답이구나 

 

그치만 또 대충 읽고

EXPO_PUBLIC_API_KEY=BLAHBLAH

라고 안 하고 내 맘대로 API_KEY 이렇게 작성했다가 에러나서 EXPO_PUBLIC_API_KEY로 작성하니까 제대로 불러와졌다(그렇겠지?)

저렇게 적으면 굳이 import {API_KEY} 하지 않아도 알아서 인식한다. 

 

참고로 나같은 알못에게는 npx create-expo-app해서 만들어지는 폴더 구성이 너무 어렵기 때문에 이번에는 npx create-expo-app my-app --template blank 해서 아예 프로젝트를 다시 만들었다.

 

 

끝