리액트에서 맵을 전역으로 사용하고 싶을 때

React Hook으로 지도 사용하기

정적 로딩 방식(script src)

index.html를 보면 최상단 view에 스크립트 태그를 선언한 것이 보입니다.
직접 발급받은 앱키를 사용해 보시려면
하단의 테스트 결과 창에 보이는 URL을 Kakao developers console에 도메인 등록하셔야 합니다.


동적 로딩 방식 (autoload=false)

KakaoMap.js 해당 파일에서 동적 스크립트 로딩 로직을 보실 수 있습니다.
다른 앱키를 사용하려면 정적 로딩 방식과 같은 방식으로 변경해 주세요.


  • 위에 제공된 예제들은 React에서 카카오 지도를 띄우기 위한 방법에 대한 레퍼런스 목적으로 제작 되었습니다.
  • 정상동작하지 않거나 코드 로직상 문제가 있다면 @doji.doo 에게 제보 부탁드립니다.
  • 작성된 내용 외에 개발자 분들의 비지니스 로직을 위한 코드는 제공해 드릴 계획이 없으니 참고 부탁드립니다.