[React] .env 환경변수 관련 자잘 정보

까먹어서 짜잉났던 사실

 

1. 리액트 프로젝트 내에서는 변수 앞에 REACT_APP_ 을 붙여주지 않으면 변수를 인식하지 못함

2. 변수를 설정하고 저장을 하면 바로 반영되는게 아니라 서버를 한번 재시작 해줘야 반영됨

3. process.env는 자바스크립트 내장객체여서 그냥 냅다 갖다가 쓰면 된다는 사실

4. yarn start 시 --> .env.development 파일의 환경변수가 , yarn build시 --> .env.production 파일의 환경변수가 자동으로 적용됨.

명령어 입력에 따라 자동으로 인식하는거였음

5. index.html 페이지에서 환경변수를 사용하고자 할때는 그냥  %% 안에서 사용하면 되는거였다

예를 들면 카카오 지도 sdk 사용할때 앱키 입력은

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?
appkey=%REACT_APP_KAKAO_APP_KEY%&libraries=services,clusterer"></script>
// 이런 식으로 쓰면 됨

 

 

여기다가 앱키랑 요청url 넣으면 되겠다

!