계발하는 개발자

참고 https://cotak.tistory.com/109 에러 프로젝트 빌드 파일에서 아래같은 kakao is not defined 에러가 났다. 이전에 kakao map api 연동하려고 했을 때에도 동일한 에러가 났었는데, 이번엔 빌드하려고 했을 때 이 에러가 또 발생한 거다. 원인 이유는 "kakao" 변수가 웹페이지의 스크립트에서 정의되는 글로벌 변수이자, 외부 스크립트를 통해 제공됨에도 해당 스크립트를 페이지에 로드하지 않고(index.html) 사용할 특정 컴포넌트 파일에서만 참조하게끔 해서 였다... ! (그러고보면 애시당초 kakao map 가이드문서에도 index.html 파일에 kakao SDK 추가하라고 하긴 했던 것 같다.) 암튼 컴포넌트 mounted hook에서 kakao SD..

참고 https://devtalk.kakao.com/t/vue-kakao-map-api/96660 에러 index.html에 카카오에서 제공하는 샘플코드를 넣으면 문제없이 작동하는데 다른 Vue 파일에서 가져와서 쓰려고 할 때 자꾸 위와 같은 에러가 났다. 원인 Vue는 react와 마찬가지로 기본적인 SPA방식의 프레임워크이기 때문에, 전역에서 접근할 수 있도록 루트 html에 window.Kakao로 init 한다고 한다. 그래서 html이 아닌 다른 파일에서 불러올 경우에 에러를 뱉는듯하다. 해결 카카오개발자 분께서 제공해주신 아래 소스코드를 적용하니까 에러가 해결됐다. 이제 더 이상 에러를 뱉지 않는다!!😉