카카오 지도 API를 사용하던 도중 React의 index.html 파일에 <script> 태그를 넣어서 지도를 불러와야하는 상황에서 환경변수를 html에는 어떻게 넣어야하는지 궁금점이 생겼다.

해결책은 간단했다.

.env

REACT_APP_KEY = my key

index.html

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=%REACT_APP_KEY%"></script>

js에서는 ${process.env.REACT_APP_KEY} 이렇게 표현햤지만 html에서는 %REACT_APP_KEY% 이렇게 표현한다.