본문 바로가기
반응형

카카오맵api2

카카오맵(Kakao Map) Javascript API 사용하기 - 2) 저번 포스팅에서 카카오맵 api를 사용할 앱과 도메인을 등록하는 과정까지 마쳤습니다. 이 다음 단계로, 리액트 웹 앱에 직접 api를 가져와서 지도를 띄워보겠습니다. 1. 개요 1. localhost 도메인 등록 2. HTML script 추가 3. React component에서 map 생성 4. 서버 실행 2. 실행 1. localhost 도메인 등록 저번 포스팅에서는 카카오맵 apif를 사용할 깃허브 페이지 주소를 추가했었습니다. 개발 단계에서 카카오맵 api를 가져와야 하기 때문에, localhost:3000 과 같은 로컬호스트 url을 추가해줍니다. (로컬 서버라 안될 줄 알았는데, 잘 되더라구요..) 2. HTML 스크립트 추가 이제는 카카오맵 api모듈을 가져오는 스크립트를 html파일에 추.. 2020. 2. 11.
카카오맵(Kakao Map) Javascript API 사용하기 - 1) http://apis.map.kakao.com/web/guide/ 불러오는 중입니다... 1. 개요 카카오맵 Api를 사용하기 위해서는 아래와 같은 과정을 따라야 합니다. 1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 2. 개발자 등록 및 앱 생성 3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가 4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080) 5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다. 6. 앱을 실행합니다. 이 순서를 따르며 카카오맵 Api를 사용해보도록 하겠습니다! 2. 실행 2. .. 2020. 2. 8.
반응형