728x90
반응형
- [ 언어·프레임워크/React Native ][React Native] 카카오맵 연동을 위한 webview 설치, React 개발자 도구 사용2024-05-23 11:27:591. 웹뷰 설치카카오맵은 웹뷰에서 띄울 수 있다.npm i react-native-webview 😉npm 문서 : https://www.npmjs.com/package/react-native-webview2. 에러 핸들링을 위한 React 개발자 도구 설치npm install -g react-devtools # 설치react-devtools # 실행
- [ 언어·프레임워크/Vue.js ][Vue.js] 카카오 지도 API 동적 데이터 바인딩 가능한 오버레이(마커) 구현, n개 오버레이 일괄 제거2023-01-06 14:47:281. 동적 데이터 바인딩 가능한 커스텀 오버레이(마커) 구현 카카오 지도 API를 이용해 서비스를 구현 중이었는데 마커에 동적인 데이터 바인딩이 필요했다. 또한 마우스 호버, 클릭 이벤트에 대해서도 각각 다른 애니메이션을 보여 주어야 했다. [그림 1]은 노멀 상태에서는 circle 애니메이션, hover 시에는 circle + spinner 애니메이션, clicked 시에는 spinner 애니메이션이 적용된 커스텀 오버레이이다. [그림 1]을 구현하기 위해 HTMLElement를 이용했다. 카카오 지도 API에서는 Vue의 데이터 바인딩 처리가 되지 않았기 때문이다. 구현 코드는 다음과 같다. 1. template 2. script 3. style *2024-03-05 추가 2. 클릭 이벤트 시 커스텀..
728x90
반응형