jQuery + 네이버맵을 Vue 변환 방법
jQuery 를 기반으로 네이버맵을 활용한 서비스가 하나 있다. 지도 위에 각 오브젝트 좌표를 표시하여 모니터링을 보여준다. Vue/Cli 를 설치하여 변환하고자 한다. 먼저 기본 프로젝트를 생성하자 $ vue create my-project 기본 프로젝트 내용을 만들어 준다. 네이버맵을 사용하기 위해서 /public 폴더에서 index.html 파일에 추가한다. < script type = 'text/javascript' src = 'https://openapi.map.naver.com/openapi/v3/maps.js?clientId=testId&callback=initMap' > < / script > 바로 아래에 jQuery 를 추가해준다. < script src = 'https://code.jquery.com/jquery-1.12.4.js' > < / script > 이제 App.vue 파일을 아래와 같이 수정해준다. < template > < div > < NaverMap ></ NaverMap > </ div > </ template > < script > import NaverMap from './components/NaverMap.vue' export default { name: 'App' , components: { NaverMap } } </ script > 이제 /Component 폴더에 NaverMap.vue 파일을 생성한다. < template > < div id = 'wrap' class = 'section' > < div id = &