계발하는 개발자

카카오 맵 API를 사용하기 위해 우선 아래 사이트에 내 앱을 등록해야 한다. 1. 카카오 개발자 사이트 접속 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. '내 애플리케이션' 클릭 후 계정 로그인 3. '애플리케이션 추가하기' 클릭 4. '앱 아이콘' - '앱 이름' - '사업자명' 입력 후 '운영정책 동의' 체크 ※ 미리 앱을 등록한 관계로 아래 앱 등록 과정은 미리보기다. 참고로 앱 아이콘 등록은 필수는 아니어서 굳이 등록은 안해도 된다. 5. 사용하는 플랫폼 등록하고 '사이트 도..

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

카카오맵 API를 연동해서 개발하다가 보니, 콘솔창에 노란색 바탕으로 표시되는 워닝이 있었다. 기능 동작에 큰 지장은 없는 것 같아서 처음엔 걍 숨김 메시지 처리하다가 영 신경이 쓰여서 대체 뭐 때문에 발생하는지 알아보게 됐다. -_-;; 카카오맵 API를 연동했을 때 발생한 경고인만큼 카카오 데브톡에서 알아보는게 빠를 것 같아서 관련 자료를 알아보던 중에 딱 내 상황에 맞는 QnA를 어렵지않게 발견할 수 있었다. 참고 Gatsby 코드에서 map을 불러오는 코드를 작성중입니다 /global kakao/ import React , { useEffect } from ‘react’; export default () => { useEffect(() => { // document.cookie = 'same-si..