# kakaomap

31개의 포스트
post-thumbnail

React : 카카오 맵 API Geocoder() 메서드 사용 시 CORS 에러가 발생하는 문제

공식 문서를 바탕으로 위와같이 코드를 작성했는데 ~ has blocked by CORS policy: Response to preflight ~ 같은 오류가 나오면서 지도가 정상적으로 불러와 지지 않는 현상이 나타났다.정확히 말하면 맵은 가져와 지는데 business

2022년 9월 4일
·
0개의 댓글
·
post-thumbnail

장소(전시장)를 기록하는 앱을 만들어 보자(2)😎

지금부터 vue에서 카카오맵을 불러오는 마법을 부려보고자 한다. 카카오 지도 api DOC먼저 map을 표시해줄 div 태그를 \`\`\`\` export default createStore({ state: { mainLocation: { lat: 35

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

장소(전시장)를 기록하는 앱을 만들어 보자(1)😎

미대출신인 나는, 어찌 하다보니 퍼블리셔로 일하면서 프론트엔드를 공부중인데, 최근에 뷰를 배웠고, 이를 통해 개인 프로젝트를 하나 만들어보고자 했다. 그래서 전시장을 맵에 표기해서 소개하는 웹을 만들었다.🥳 블로그 쓰는 시점에

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

[JS] kakaomap

API 중 가장 기본적으로 쉽게 가져올 수 있는 카카오 맵 API를 겟잇 해보겠다.Javascript와 JSP를 사용서버를 JSP와 Tomcat으로 http://localhost:8080 를 사용하였다.기본적으로 대부분 api가 그렇듯이 자세한 방법을 제공해준

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

카카오 지도 api를 이용해서 키워드 검색 후 마커 이동하기 구현

https://apis.map.kakao.com/web/sample/keywordList/키워드로 검색 후 해당 키워드 클릭 시 마커의 위치를 이동하는 기능을 구현해 보고자 한다.카카오 지도 불러오는 방법은 넘어가고 내부의 코드만 보기로 한다.container

2022년 7월 8일
·
0개의 댓글
·

카카오맵 API android SDK 31 이상에서 내 위치찾기 기능이 안되는 이슈

카카오맵 API android SDK 31 이상에서 내 위치찾기 기능이 안되는 이슈

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

☕ Cuppers' 프로젝트 소개

유튜브 '개발자의 품격 4기'를 통해 5월부터 시작된 3개월짜리vue.js + node.js + mysql 프로젝트이다.우리 1팀은 cuppers라고 이름 붙여진카페 지도 서비스를 기획하였다.카페만을 위한 서비스가 있긴 한데카테고라이징이 제대로 안되어 있어 정보를 찾기

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

TIL. <22.06.04>

오늘 해야 할 일. 오늘 배운 것. 마무리.

2022년 6월 4일
·
0개의 댓글
·

카카오맵 팝업창 작업 (REACT)

카카오맵, 말 그대로 지도이다. 원하는 위치를 주소 및 키워드를 활용하여 찾을 수 있도록 도와준다.개발자들 또한 지도를 활용하여 기능을 구현하려고 할 때, kakao map api를 많이 활용한다.kakao map api를 활용하는 분들이라면 kakao 개발 사이트에서

2022년 5월 7일
·
0개의 댓글
·

간단한 삽질 기록

간단한 삽질 기록

2022년 5월 6일
·
0개의 댓글
·

카카오 지도 코드

카카오 지도 코드

2022년 5월 2일
·
0개의 댓글
·

카카오맵 연동하기

카카오 개발자 사이트 로그인하고 개발자 등록 내 애플리케이션 - 애플리케이션 추가 - 플랫폼 등록하기 주소가 바뀌면 지도 나오지않으므로 배포할때 이부분 변경해주기 지도로 이동 https://apis.map.kakao.com/web/guide/ 가이드 보고 따라하기! 자바스크립트에 html head를 넣기위해 키등록 - 자바스크립트에서 사용할 것이므...

2022년 4월 22일
·
0개의 댓글
·

카카오지도 삽질

카카오지도 삽질

2022년 4월 10일
·
0개의 댓글
·
post-thumbnail

[Next + TypeScript] 넥스트 프로젝트에 카카오맵 연동하기

현재 진행하고 있는 프로젝트에 카카오맵을 연동하게 되었다.그런데 찾아보다보니, 카카오맵 공식 홈페이지에서 보여주고 있는 예시는 ES5 문법으로 된 바닐라 자바스크립트로 되어 있는 것 같았다.이걸 넥스트와 타입스크립트로 적용하는 과정에서 다양한 블로그와 글들을 참고했고

2022년 4월 1일
·
0개의 댓글
·
post-thumbnail

[React] KakaoMap API 사용하기

이번에 지도 관련 토이프로젝트를 진행하면서 사용한 카카오맵 API에 대해서 기본적인 내용을 정리하려고 한다.

2022년 2월 16일
·
2개의 댓글
·
post-thumbnail

[Flutter] Kakao map API와 WebView

Flutter에서 Kakao map API 사용방법

2021년 11월 30일
·
0개의 댓글
·
post-thumbnail

[React] 카카오 Map API - setCenter

보통 지도를 이용할 때, 목록에 있는 항목을 누르면 그 항목이 중심에 위치하게 지도가 움직이게 된다.이를 위한 기능을 제공하는데,https&#x3A;//apis.map.kakao.com/web/documentation/카카오 Map에서 제공하는건 위와 같은 함수가 있다

2021년 10월 20일
·
0개의 댓글
·

내일배움캠프 D+14

(한줄 느낀점) -이제 팀 프로젝트가 무엇인지 조금씩 감이 잡히는 것 같다.-

2021년 9월 27일
·
0개의 댓글
·

내일배움캠프 D+12

1.TeamProject오늘은 팀 프로젝트에 필요한 지도검색 코드를 작성하였다.kakaomap api에 지도에 검색 라이브러리가 있어 코드가져와 작성하였다. 그런데 여기서 오류가 생겼다 코드를 작성하고 로컬 서버로 작성하였는데 지도가 검색은 안되고 계속 처음 좌표 지점

2021년 9월 25일
·
0개의 댓글
·