본문 바로가기

카카오맵API

[React] 카카오맵 API 커스텀 해보기-2 1편 글은 여기로!https://kkt102.tistory.com/119 [React] 카카오맵 API 커스텀 해보기-1따로 사이드 프로젝트와 회사 프로젝트를 진행하다보니 생각보다 카카오맵을 많이 사용하게되서 혹시라도 저와 비슷한 고민을 하는분들이 있지 않을까 싶어 작성하게 됬습니다. 절대로 100% 정kkt102.tistory.com 저번 1편에 지도출력, 현재위치 랜더링, 마커, 마커변경에서 이어지는 글 입니다.1.  마커는 표시됬고 현재위치 마커에서 특정 반경을 표시해주고싶은데...?이번에는 마커 중심으로 도형을 그려보겠습니다!저는 해당 기능을 마커 중심에서 특정 반경을 표시할 때 사용해봤습니다. 사실 얼마나 정확한지는 모르겠지만...가장 기본적인 원형을 띄우는 코드입니다.const KakaoMap.. 더보기
[React] 카카오맵 API 커스텀 해보기-1 따로 사이드 프로젝트와 회사 프로젝트를 진행하다보니 생각보다 카카오맵을 많이 사용하게되서혹시라도 저와 비슷한 고민을 하는분들이 있지 않을까 싶어 작성하게 됬습니다. 절대로 100% 정확한 답이 아니지만 그래도 도움이 되면 좋겠네요. 1. 그래서 카카오맵 API 를 React에서 어떻게 사용한다고??!! (또다시 반복!)https://kkt102.tistory.com/69네... 일단 JavaScript Key도 발급 받아야하고 사용 할 URL도 등록해주고... 기본 작업은 동일합니다.근데 카카오맵 API 가이드에는 스와이프처럼 다른 프레임워크 기준으로 가이드가 없다보니 저는 처음에 삽질아닌 삽질을 많이 했었습니다.나중에 와서 능력자 한분이 카카오맵 API를 React Module로 배포한 적이 있는 걸 .. 더보기
[JavaScript]github.io(깃허브를 이용한 페이지)에 카카오맵 API 사용하기 안녕하세요. 사진찍는 초보개발자입니다. 오늘은 간단하게 카카오 API를 이용하여 웹 페이지에 카카오 맵을 띄우는 방법을 소개하겠습니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 먼저 위의 링크로 접속하여 로그인을 해줍니다. (다음 혹은 카카오 계정) 로그인 후 상단의 내 애플리케이션 메뉴로 접속하면 위의 사진과 같은 페이지로 이동합니다. 해당 페이지에서 '애플리케이션 추가하기' 를 눌러줍니다. 해당 팝업에 앱 이름과 사업자명을 입력해준 후(개인 포트폴리용이라 저는 사진과 같이 입력했습니.. 더보기