html에 환경변수 넣는법

express나 react에서는 dotenv를 사용하여 process.env.API_KEY 이런식으로 넣어준다.

axios.get(`https://dapi.kakao.com/v2/local/geo/coord2address.json?x=${lon}&y=${lat}&input_coord=WGS84`
    ,{headers:{Authorization:`KakaoAK ${process.env.REACT_APP_REST_API}`}}
    )

그렇다면 html에는 어떻게 넣어줄 수 있을까?/

이코드에서는 appkey를 직접넣지 않고 
.env파일에 저장된 REACT_APP_KAKAO_API 를 %REACT_APP_KAKAO_API% 로 넣어주었다.



<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=%REACT_APP_KAKAO_API%&libraries=services,clusterer,drawing"></script>