# kakao map

30개의 포스트

angular kakao map 카카오 지도 앵귤러 marker

앵귤러에서 카카오 맵 API를 사용하여 지도를 표시하려면 다음 단계를 따르십시오.카카오 개발자 사이트에 가입하고 앱 생성하기먼저, 카카오 개발자 사이트에 접속하여 회원가입을 진행합니다.로그인 후, '내 애플리케이션' > '애플리케이션 추가하기'를 선택하여 새로운 애플리

2023년 10월 11일
·
0개의 댓글
·
post-thumbnail

Flutter Kakao Map

2023년 8월 6일
·
0개의 댓글
·

React에서 카카오 지도 API 활용하기

이번 나의 산행 기록을 관리하는 프로젝트에서 지도는 필수적으로 요구되는 기능이기에, kakao에서 제공하는 지도 API를 활용해 사용하는 과정을 기록합니다.시작하기에 앞서 저는 프로젝트를 typescript로 진행하였으며, 카카오에서는 공식적으로 지도 API의 type

2023년 7월 27일
·
0개의 댓글
·
post-thumbnail

react-kakao-maps-sdk

react-kakao-maps-sdk는 Kakao Maps API를 리액트 내에서 편하게 사용할 수 있는 라이브러리 이다. https://developers.kakao.com/우선 카카오 맵 API를 사용하기 위해 우선 위 사이트에서 내 앱을 등록을 해야

2023년 4월 27일
·
0개의 댓글
·

React에서 더 쉽게 kakao maps-sdk 사용하기 - 마커

키워드 검색을 할때 data를 이용해 marker들의 위치를 담은 배열을 생성해주고 setMarkers를 이용해 상태를 업데이트 한다. jsx 코드의

2023년 4월 26일
·
0개의 댓글
·

React에서 더 쉽게 kakao maps-sdk 사용하기 - 키워드 검색

https://react-kakao-maps-sdk.jaeseokim.dev/Kakao Maps API를 React에 맞게 변경한 라이브러리index.html에 skd script태크 추가install지동 생성하기나의 경우 음식점들만 지도에 나타내야했는데 re

2023년 4월 26일
·
0개의 댓글
·
post-thumbnail

#14 중요 로직들 - 3 (feat. 카카오맵, datepicker, timepicker)

약속을 만들기 위해서는 많은 정보들이 필요하다. 언제, 어디서, 누가, 무엇을 할 것인지에 대한 정보가 말이다. 그리고 우리 프로젝트 기획에 따라 약속을 공개할 것인지, 만나서?온라인으로?, 멤버가 가득 찼는지에 대한 정보도 필요하다. >이러한 정보들을 담아 서버로

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

Nextjs에서 kakao map 에러 해결

해당 글은 발생했던 에러를 해결했던 내용을 정리하기 위한 글 입니다.

2023년 3월 18일
·
0개의 댓글
·

Next.js | Next.js에서 kakao map api 사용을 위한 작업들

npm install react-kakao-maps-sdkyarn add react-kakao-maps-sdknpm install kakao.maps.d.ts --save-dev yarn add kakao.maps.d.ts --dev react-kakao-maps-sd

2023년 2월 15일
·
0개의 댓글
·

[typescript] kakao map API

kakao map API 접속준비하기에 따라 kakao developers 에서 회원가입 후API 발급 받기.index.html head 에 script 추가kakao global 선언react-kakao-maps-sdk 설치tsconfig.json 수정실 사용 예제

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

포트폴리오 제작기: 나만의 편의점 찾기 플랫폼 - Fun편log

Fun편log팀은 프론트엔드 개발자 2명 백엔드 개발자 1명이 팀을 이뤄 11월 15일부터 12월 22일까지 포트폴리오 멘토링 프로젝트를 진행했습니다. 프론트엔드 개발자 두 분은 비전공자 개발자로써 독학으로 html/css, React를 공부하였으나 취업에 쓸만한 근사

2022년 12월 28일
·
1개의 댓글
·
post-thumbnail

[넘블 팀프로젝트] react + typescript 프로젝트에서 kakao map 띄우기

팀프로젝트에서 내가 맡은 부분인 지도에서 원하는 곳을 검색한 후 해당 장소의 이름과 주소를 가져오는 것을 구현한 것을 기술해 보려고 한다.kakao map api 가 1일 300,000 회에 한해 무료로 제공되고 있기 때문에 이것을 이용해 보려고 한다.https&#x3

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

🗺 카카오맵 api 사용법 ( 1 )

토이 프로젝트를 진행하면서 카카오맵 api를 사용해야 되서 연습할 겸 정리해 보려한다.카카오 developers 사이트1\. 우선 카카오 개발자 사이트에 접속해서 카카오 로그인을 한다.2\. 내 애플리케이션에 들어가서 애플리케이션 추가하기를 누른다. 3\. 플랫폼 설정

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

Kakao map API 역지오코딩, AJAX, View 에서 테스트

이어서 진행하기 역지오코딩을 이용한 현재 위치 얻어내기 이전에 지오코딩을 통하여 현재 주소값을 이용하여 현재 위도, 경도를 알아보는 법을 테스트, 적용해보았습니다 이번 과제는 브라우저에 따라 다르겠지만 위치정보를 자바스크립트를 통하여 현재 주소가 맞는지 정확한 주소

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

[React] 카카오 맵 이용하기

이전에 작업했던 지도 페이지에 대한 로그를 남기기 위해 게시글을 작성한다. 처음에 아무것도 모를 때 (지금도 많이 모르지만..) 작업하며 고생했던 기억이 있다. 개발에 대해서도 아직 익숙하지 않고, 리액트 자체를 처음 다루어보던 그 때, 삽질을 많이 했으며 그 만큼 많

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

카카오 맵 (Kakao Map)

여러분들은 주소나 길을 검색할 때 어떤 방법을 사용해서 검색을 하시나요? 아마 검색창으로 주소를 검색하게 되면 마주하게 되는 첫번째 페이지가 바로 지도 페이지를 먼저 보게 되실겁니다. 주소지를 검색하게 되면 위와 같이 지도 페이지가 나타나고 우리는 이 지도에서 쉽게 경로나 주소를 파악할 수 있습니다. 상대방에게 현재 내가 있는 위치를 알려주기에도 ...

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

29) 벌써 한달이 됐다구요

Algorithm Self Study, kakao map, Algorithm Class, self Study

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

29일차) 카카오 지도를 가져와서 써보자! /Client Side Rendering/멀티,싱글page application을 알아야해/시멘틱 태그/ callback함수, Promise, async-await의 역사까지! Code Camp FE 6기

오늘 배울 내용 \-네이버 구글 카카오등등..개발자 전용 사이트가 있었네!\-카카오 개발자 사이트에 가입해서 내 애플리케이션 추가해보자(폴더라고 생각)

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