백엔드 팀원과 협업하여 카카오맵 API를 이용한 다중 마커 기능을 구현하는 것이 목표이다.
먼저 카카오맵 api 공식 문서를 살펴보았다.
아주 상세하고 직관적으로 설명되어 있어서 처음 사용하는 입장에서 쉽게 사용할 수 있었다.
먼저 개발자 등록 및 앱 생성을 하고, js key를 발급 받았다.
그리고, 문서에 적혀있는대로 index.html에서 script 태그를 통해 key 값을 넣어주었다.
먼저, 지도를 담아줄 div 태그를 생성하고, id를 map으로 설정해준다.
<div id="map" style="width:500px;height:400px;"></div>
그리고 지도를 띄우는 코드를 작성하면 된다.