네이버 지도 api에 관해 자료조사를 마친 후 본격적인 연결에 들어갔다. 먼저 지도 컴포넌트인 map.js 파일을 만든 후 naver cloud platform에 접속하여 해당 앱의 api 사용 신청을 마쳤다.
마커 클릭시 나올 drawer component를 생성하였다. 필요한 데이터들을 div별로 나누었고 위치 설정까지 마쳤다.
앱에 적절한 서비스를 선택하여 api 신청을 완료하였고 client_id 값을 통해 지도 연결에 성공하였다.
script의 url 부분에 키값을 추가하여 허가받은 api와 앱을 연결했다.
연결을 성공한 모습이다. 현재 bottomNav가 지도보다 z-index가 아래에 있다고 인식되는 상태이며 이슈를 생성하여 추후 수정할 예정이다.
