카카오 맵 API 연동시 401 오류

지도/로컬 API
1

React ts에서 카카오 지도 API 키를 연동하는 중에 401에러가 발생하였습니다. 의문인 점은 key값을 env파일에서 REACT_APP_KAKAO_MAP_API_KEY = "~~~~"형태로 할당한뒤 html 파일에서

위 방식대로 할당할경우 401 오류(GET http://dapi.kakao.com/v2/maps/sdk.jsappkey=%REACT_APP_KAKAO_MAP_API_KEY% net::ERR_ABORTED 401 (Unauthorized))가 발생하지만

위의 방식대로 하면 오류가 발생하지 않습니다. 왜그런건가요?

2

쿼리 파라미터를 붙이기 전에 물음표(?)를 붙여주셔야 합니다.
물음표를 붙여서 다시 확인 부탁드립니다.
http://dapi.kakao.com/v2/maps/sdk.jsappkey=%REACT_APP_KAKAO_MAP_API_KEY% //(X)
http://dapi.kakao.com/v2/maps/sdk.js?appkey=%REACT_APP_KAKAO_MAP_API_KEY% //(O)