# Kakao Map API
mysql에 있는 데이터를 kakao map api와 연동하고 싶어요
키워드 장소 검색 예제로 맵을 만들었는데 거기에 mysql 데이터를 연동하고싶어요

안드로이드 Kakao Map API
📌 Kakao 개발자 사이트에서 앱 등록 로그인하고, 애플리케이션을 등록한다. '플랫폼' 탭으로 이동하여 내 프로젝트 패키지명과 키 해시를 등록한다. ✅ 키해시 얻는 법 아래 메서드를 통해 확인할 수 있다. ✅ 패키지명 패키지명은 AndroidManifest.xml파일 가장 상단에서 확인할 수 있다. <img src
카카오지도 API를 활용한 길찾기
카카오지도 길찾기! DB에 저장된 주소를 도착지로 설정하여 길찾기 기능을 구현했다. 길찾기 버튼 부분 길찾기 버튼 클릭시, 이벤트를 주기 위해 id나 class를 설정한다. js부분 길찾기를 구현하려면 우선 해당 주소의 좌표, 즉 위도와 경도를 먼저 구해야 한다. 그 후 버튼 ID값으로 클릭 이벤트를 설정한 후에, window.location 으로 페이지가 해당 url로 이동하게끔 지정해주면 된다. "https://map.kakao.com/link/to/" 뒤에 도착지로 설정할 장소 이름 + 위도 + 경도 순서로 작성해야 한다.
Flutter Google Map API 연동
처음에는 Kakao Map API 연결하려고 했는데 아래와 같은 에러 발생 imagepicker와 flutterkakao_map XFile이 없는 데이터 타입이라고 나오는 에러 image_picker에서 제공하는 함수 pickMutiImage가 없는 함수라고 나오는 에러 pubspec.yaml의 dependencies에 최신버전으로 추가해줬는데도 image_picker를 import할 때 legacy라고 하는 경우 원인 flutterkakaomap과 image_picker를 같이 쓰는 경우 버전간의 충돌로 인해서 에러 발생 → 자세히 말하면 flutterkakaomap를 사용하면 imagepicker를 하위 이전 버전으로 자동 고정시키는데 이전 버전의 경우 null safe 를 제공하지 않기 때문에 아예 imagepicker의 import가 원할하지 않아서 사용 자체가 안되는

[Android] Kakao 지도 API 사용하기
이번에 구름톤에 참가했을 때 Kakao Maps API를 사용했다. 구글 지도 API는 사용한 경험이 있는데 Kakao 지도 API는 처음 사용해봤다. 클러스터링 기능도 지원하는 구글 지도를 사용하려했지만 카카오에서 주관하는 해커톤이다보니 카카오 지도를 사용하는 것이 낫다고 생각했다. 이 글은 API를 사용하면서 배운 가이드 내용을 정리하고자 한다. > 지원 사양은 Android 2.1(API Level 7) 이상 1. 키해시 등록 이 사이트에 접속하여 내 애플리케이션 카테고리에 들어간다. 애플리케이션을 추가해준다. 앱 설정 → 플랫폼 에서 Android 플랫폼을 등록해준다. 패키지명은 사용하려는 프로젝

카카오 지도 api를 이용해서 키워드 검색 후 마커 이동하기 구현
1. 구현하고자 하는 기능 https://apis.map.kakao.com/web/sample/keywordList/ 키워드로 검색 후 해당 키워드 클릭 시 마커의 위치를 이동하는 기능을 구현해 보고자 한다. 카카오지도의 경우 팀 프로젝트의 핵심이였고 무조건 구현해야 했던 기능이였다. 2. 카카오지도 구현하기 카카오 지도 불러오는 방법은 넘어가고 내부의 코드만 보기로 한다. 가. 지도 불러오기 container와 options를 이용해 window.kakao.maps에 지도를 추가하여 생성한다. 나. marker를 생성한다. 1) markerPosition이라는 변수에 마커의 위치를 담습니다. 2) marker라는 변수를 이용해서 위치를 `marke

[Project-MyJejuStay-React] kakao map api 여러개 마커와 커스텀오버레이
kakao map api 불러오기 kakao 지도 api 검색 Web 선택 시작하기 클릭 카카오 개발자사이트 링크 클릭 회원가입 후, 상단 네비게이션 바에서 내 애플리케이션 선택 애플리케이션 추가하기 클릭 앱이름, 사업자명 입력 후 저장 리스트에서 추가된 애플리케이션 선택 플랫폼 설정 web 선택 후 사이트 도메인 추가(ex- http://localhost:3000) react public 폴더 안 index.html 에 `` 추가 kakao map a

Javascript에서 django ORM 객체 사용하기
django를 다루는 사람이라면 최소 한 번은 javascript에서 django 객체를 쓰고 싶은 순간이 있었을 겁니다. 먼저 간단한 예를 들어보겠습니다. 위와 같이 django model 과 view 가 구성되어있을 때, django template을 통해 javascript에서 값을 쓰고 싶다면, 가장 먼저 드는 생각은 아래와 같을 겁니다. 하지만 django template은 html 위에 값을 stringfy 시켜서 그대로 그리기 때문에, 아래와 같이 출력될 것입니다. 이는 javascript 문법과 다르기 때문에 에러가 발생합니다. 이러한 오류를 피하고 django 객체를 javascript에서 사용할 수 있게 해주는 방법은 여러가지가 있지만 저는 아래의 두 방법을 이용합니다. 첫 번째 해결책 위의 오류를 피하기 위해서 아래와 같이 값을 모두 풀어주는 방법을 선택할 수 있습니다. 결과적으로 아래처럼 랜더링 되기 때문에 javascript