개발 계획

백엔드 팀원과 협업하여 카카오맵 API를 이용한 다중 마커 기능을 구현하는 것이 목표이다.

개발 기록

먼저 카카오맵 api 공식 문서를 살펴보았다.

https://apis.map.kakao.com/

스크린샷 2022-08-08 오후 3.43.36.png

아주 상세하고 직관적으로 설명되어 있어서 처음 사용하는 입장에서 쉽게 사용할 수 있었다.

먼저 개발자 등록 및 앱 생성을 하고, js key를 발급 받았다.

그리고, 문서에 적혀있는대로 index.html에서 script 태그를 통해 key 값을 넣어주었다.

먼저, 지도를 담아줄 div 태그를 생성하고, id를 map으로 설정해준다.

<div id="map" style="width:500px;height:400px;"></div>

그리고 지도를 띄우는 코드를 작성하면 된다.

스크린샷 2022-08-08 오후 3.47.23.png