반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- v-html
- mapGetters
- JavaScript
- storybook
- 댓글달기
- scss
- CSS
- ES6
- jsx
- App.vue
- webpack
- TypeScript
- express
- MySQL
- State
- 쉬운설명
- 리액트
- event
- Vue.js
- Vue
- nodejs
- input
- Wecode
- 자료구조
- react
- sass
- Vue transition
- 자바스크립트
- HOC
- vuex
Archives
- Today
- Total
목록typescript vue kakaomap (1)
익명의 개발노트
[vue.js] kakaomap 연동하기
npm 패키지에는 kakaomap 쓸만한 것도, 인기있는 것도 생각보다 없다. 기존에 카카오맵 가이드를 보면 api key 부분을 헤더나, 스크립트에 넣어서 코드가 실행되기 전에 먼저 실행을 시켜주어야 한다. 아래 코드는 맵 불러오는 코드가 불러오기 전에 api키를 html 헤더에 넣고, 맵을 불러오게 한다. 입력해야하는 api키는 https://developers.kakao.com/접속 후 어플리케이션 하나 생성하면 메인화면에 아래와 같은 정보가 뜨는데 앱정보를 누르면 각종 api키를 확인할 수 있다. 여기서 자바스크립트 키를 입력하면 된다. initMap과 addScript에 콘솔을 찍어보면 addScript -> initMap 순으로 찍힘을 알 수 있다. Vue 타입스크립트 kakaomap에 대한..
코딩일기/TIL
2020. 2. 24. 18:41