먼저 kakaomap api를 사용하기 위해서는 애플리케이션 등록 후 키를 발급 받아야한다.
카카오 어플리케이션 등록
애플리케이션 키는 javascript 키를 쓰면 된다.
index.html 파일에 해당 링크를 복붙한다.
<script
type="text/javascript"
src="//dapi.kakao.com/v2/maps/sdk.js?appkey=<%= htmlWebpackPlugin.options.env.MAP_API_KEY %>"
></script>
나같은경우는 환경변수로 지정해 줬는데 그냥 키값 붙여넣어도 된다.
어차피 개발자도구 열면 키값은 다 찍힌다.
해당 파일 전역에서 만들어서 사용해도 되고 파일명.d.ts
로 만든 후
그파일을 임포트 해와도 된다.
후자를 추천
declare global {
interface Window {
kakao: any;
}
}
문서를 참고하는게 젤 빠른것 같다