본문 바로가기

728x90

NextJS

(2)
[NextJS] 카카오맵 API로 지도 구현하기 (2) 관련 포스팅 2024.07.06 - [NextJS] - [NextJS] 카카오맵 API로 지도 구현하기 (1) [NextJS] 카카오맵 API로 지도 구현하기 (1)혼자 프로젝트를 진행하면서 지도 API를 사용해하는 상황이 생겼다. 전부터 지도 API를 사용해보고 싶었기에 이번 기회에 카카오맵을 사용하여 지도 기능을 구현해보고자 한다. 우선 카카오맵 APrlawo32.tistory.com  이전 포스팅에 이어서 이번엔 카카오맵 API에서 여러 지도 기능들을 추가하여 구현해 보겠다.     1. 마커 구현하기우선 SDK 설치를 했을 때 구현 방법을 보겠다.MapMarker를 아래와 같이 추가해 주고 동일한 좌표를 넣어주면 된다.// nextJsKakaoMap.tsx'use client';import { u..
[NextJS] 카카오맵 API로 지도 구현하기 (1) 혼자 프로젝트를 진행하면서 지도 API를 사용해하는 상황이 생겼다. 전부터 지도 API를 사용해보고 싶었기에 이번 기회에 카카오맵을 사용하여 지도 기능을 구현해보고자 한다. 우선 카카오맵 API 등록 방법과 2가지 방법으로 카카오맵 API를 구현하는 법에 대해 알아보자   1. 카카오맵 API 등록우선 카카오 개발자 사이트로 가서 등록을 해주자 https://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com   내 애플리케이션 => 애플리케이션 추가하기 => web 플랫폼을 등록해 준다.     사이트 도메인을 ..

728x90