TIL : .env

참고한 서적

 

https://medium.com/@bhairabpatra.iitd/env-file-in-react-js-09d11dc77924

.env file in React js

미디엄에서  .env 파일을 다루는  법에 대해서 하고 있어서 분석하게 되었습니다.

 

.

과정

 

[ 1 ]  react project app 루트 디렉토리에  .env 파일을 만들어줍시다.  

 

// .env

// REACT_APP : 환경변수이름 앞에
REACT_APP_API_KEY = " 님의 api 키 "
REACT_APP_SERVER_URL = " 님의 서버 주소"

 

[2]  자바스크립트 코드에서 어떻게 접근할까요

`${process.env.REACT_APP_API_KEY}`

 

 

[3] 그러면  .env는  깃허브에 올라갈까요? 

이렇게   github에 업로드 되지 않을  파일들을 관리하는 .gitignore 파일에 다음과 같이 등록하시면 되겠습니다.

 

이유

 

env를 왜  다루고 싶었는가? 

 

예전 바닐라 프로젝트때에 사용했었던  서버 URL을  보존하고 싶었습니다. 

 

 왜  서버 url을....

 

그 서버 url에  사용자의 입금정보가 들어가 있을수도 있고 ,  개인정보가 들어가 있을수 있기 때문에  노출시키면

안됩니다.