프로젝트 도중 만난 허무한 에러 중 일부를 소개합니다.
축제 상세 페이지에서 축제 위치(x, y)를 넣는 것이 목적으로, 카카오 지도 API 를 활용하였다.
미리 개인 key 를 발급받고,
자바스크립트에 라이브러리를 넣어준다.
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 자바스크립트 앱키"></script>
축제는 메인 페이지, 상세 페이지 전부 ALL AJAX 인 비동기 방식으로 진행. (나는 특이하게도 이 방법을 택했다.)
응답 받은 데이터 전체가 responseBody.body 안에 존재하는 상태이다.
responseBody.body 안에 mapX, mapY 좌표가 들어있다.
원칙대로 라면 style 은 전부 .css 파일에 넣지만, 후반부에 급하게 수정하며 태그에 직접 넣었다. (미안합니다..)
태그 안의 style 이 css 에 설정한 style 보다 우선 순위.
적정 크기가 만들어져야, 문제 없이 지도가 들어간다고 한다.