Web Development/API3 [카카오맵 API] Kakao maps & Naver maps API 비교 및 카카오맵으로 지도 기능 구현하기 카카오맵 & 네이버맵 API 비교 및 카카오맵으로 지도 기능 구현하기 [Index] 1. 카카오맵 API와 네이버지도 API 비교 2. 카카오맵을 선택한 이유 3. 카카오맵으로 지도 기능을 구현하는 과정 하나의 글에서 관련된 모든 내용을 다루려고 하니 가독성이 떨어져 기존에 작성했던 반응형으로 지도 구현하기 (with Kakao Map) 에서 map API 기능 분석 및 지도 구현 과정을 분리해 다시 작성된 글입니다. [ 최종적으로 구현한 모습 ] 1. 카카오맵 API와 네이버지도 API 비교 우선 구글맵은 국내 데이터가 카카오맵이나 네이버지도보다 부족해 정확도가 떨어지는 경우가 발생하여 제외했습니다. 카카오맵 API 특징 사용하기 쉽고 직관적인 JavaScript API를 제공합니다. 지도 SDK를 통.. 2023. 11. 20. [카카오 API] 카카오 맵 & 카카오 로그인 API 이용한 서비스 배포하기 카카오 맵 & 카카오 로그인 API 이용한 서비스 배포하기 [index] 1. 간략한 배포 전 과정 2. 카카오맵 API 연결하기 3. 카카오 로그인 API 연결하기 4. 배운점 1. 간략한 배포 전 과정 이번 프로젝트에서도 서비스 배포를 담당하게 되었습니다. 이전의 프로젝트에서는 외부 API를 사용하지 않아 비교적 수월하게 배포를 진행했었는데 이번 프로젝트에서는 외부 API를 사용하였더니 배포하는 과정에서 어려움이 있었습니다. 이 글에서는 배포하는 과정에서 마주했던 문제와 해결 방법에 대해 다뤄보려고 합니다. 우선 이번 프로젝트는 Amazon S3를 이용해 배포를 진행하였습니다. Amazon S3를 통한 배포에 대해 궁금하시다면 아래의 글을 참고해주세요. https://reveur1996.tistory.. 2023. 7. 27. [ 카카오맵 API ] 반응형으로 지도 구현하기 ( 지도가 다른 위치를 표시하는 오류 해결) 반응형으로 지도 구현하기 (with Kakao Map) 이 글은 브라우저창의 크기가 변할 때 카카오맵 지도가 정확한 위치를 벗어나 다른 위치를 보여주는 문제를 해결하는 과정을 담고 있습니다. [ 최종적으로 구현한 모습 ] [ 구현해야 할 필수 기능 ] 1. 페이지에 지도 표시 2. 지도 중앙에 마커 표시 3. 지도 반응형으로 구현하기 카카오맵 & 네이버맵 API 비교 및 카카오맵으로 지도 기능 구현하기 위의 글에서 Naver maps API와 Kakao maps API 비교 및 kakao maps API를 이용해 지도를 구현하는 과정을 다루었습니다. [ 마주한 문제점 ] 프로젝트를 진행하는 과정에서 커스텀한 마커까지 완벽하게 구현했지만 새로운 문제점을 발견하게 되었습니다. 반응형을 확인해보니 지도의 마커.. 2023. 7. 26. 이전 1 다음