카카오맵api 로컬환경 CORS 문제

Question

안녕하세요 리액트 프로젝트에서 카카오맵을 사용하려 하고 로컬 환경에서 테스트 중입니다.JavaScript 앱키를 정확히 입력하고사이트도메인에 'http://localhost:3004’를 추가한 상태이고,캐시도 지워봤지만 아래와 같은 오류가 뜨면서 카카오맵api가 불러와지지 않습니다.시크릿모드와 사파리에서도 마찬가지로 안 되네요 제 코드는 일단 아래와 같이 작성되어 있습니다. useEffect(() => { const script = document.createElement('script'); script.onload = () => { if (window.kakao) { kakaoMap(); } }; script.src = '//dapi.kakao.com/v2/maps/sdk.js?appkey=oo'; script.crossOrigin = 'anonymous'; document.head.appendChild(script); }, []); const kakaoMap = () => { const container = document.getElementById('map'); const options = { center: new window.kakao.maps.LatLng(111, 111), level: 3 }; const map = new window.kakao.maps.Map(container, options); const markerPosition = new window.kakao.maps.LatLng(111, 111); const marker = new window.kakao.maps.Marker({ position: markerPosition }); marker.setMap(map); const iwContent = '

ㅇㅇ

'; const iwRemoveable = true; const infowindow = new window.kakao.maps.InfoWindow({ content: iwContent, removable: iwRemoveable }); window.kakao.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); }); }; 어떤 점이 문제가 되는지 잘 모르겠습니다 ㅠ 로컬에서는 원래 카카오맵을 사용할 수 없는 걸까요?

shintwl · Answer

카카오 개발자 센터에 도메인 등록 되어 있나요?

카카오맵api 로컬환경 CORS 문제

1개의 답변

Q&A 목록