728x90 반응형 vue6 [Vue js] dom drag move 돔 드래그로 이동시키기 jquery ui draggable 쓰려했는데 안먹히길래 딴거찾음 v-movable 설치 npm i v-movable Dom ... posTop : style.top posLeft : style.Left 2021. 11. 11. [Vue js] 카카오 로그인 연동 1. Kakao Developers 셋팅 - https://developers.kakao.com Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인 -> 내 애플리케이션 -> 애플리케이션 추가하기로 앱 추가 요약 정보 -> JavaScript 키 기록 플랫폼 -> 사이트 도메인 등록(http://localhost 가능) 카카오 로그인 -> ON -> Rdeirect URL 등록 동의항목 -> 카카오 계정(이메일) 동의 2. FrontEnd - public/index.html에 스크립트 추가 - component 카카오 연동 3. 테스트 결과값.. 2021. 11. 5. [Vue js 반응형 웹페이지] 페이지 전환효과(fade, slide) *router 사용 *하이브리드 앱, 네이티브 앱 만들어보면서 페이지 전환효과의 중요성을 알게됐음 그래서 필요한 페이지 전환효과를 찾아봄 목표 1. page1, page2, page3은 슬라이드 전환 2. 목표1, page4, page5는 fade 전환 모듈설치 npm install --save vue-router npm install jquery --save npm i -g npm-check-updates App.vue Slide Page New Page 1 New Page 2 page1.vue SLIDE 1 next page2.vue SLIDE 2 prev next page3.vue SLIDE 3 prev page4.vue NEW PAGE 1 page5.vue NEW PAGE 2 main.js import Vue fro.. 2021. 5. 10. [Vue js 반응형 웹페이지] 우측 슬라이드메뉴 여기서 이어서함 [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 yoyostudy.tistory.com/29 page2.vue를 아래 코드로 수정 PAGE 2 page2 - 우측 슬라이드 slide show PAGE 2 - SLIDE 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 슬라이드 메뉴 동작 영상 슬라이드 메뉴 동작 영상 2021. 5. 7. [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 사용할 모듈 설치 ㄱㄱ ( vue-router , jquery ) npm install --save vue-router npm install jquery --save npm i -g npm-check-updates 사용할 vue 파일 4개 + Nav 파일 + router.js 파일 생성 router.js import Vue from 'vue' import Router from 'vue-router' import page1 from './views/page1.vue' import page2 from './views/page2.vue' import page3 from './views/page3.vue' import page4 from './views/page4.vue' Vue.use(Router) expor.. 2021. 5. 7. IntelliJ + Vue 개발환경 구성 IntelliJ + Vue + Nodejs 개발환경 1. Vue 플러그인 설치 2. IntelliJ 종료 + 재실행 + 프로젝트 생성 3. Node.js 구동 + 확인 2021. 4. 14. 이전 1 다음 728x90 반응형
