OS Windows 10 PRO 64bit 버전 20H2 (OS 빌드 19042.867) Vue 2.5.13 Vee Validation ^3.4.11 공식 홈 https://vee-validate.logaretm.com/v4/v4/guide/global-validators#defining-global-validators 모듈 설치 npm install vee-validate@3.4.11 Vue 전역 컴포넌트로 등록 + extend 활용 vee-validation.js import Vue from 'vue'; import { extend, ValidationObserver, ValidationProvider } from 'vee-validate'; import { required, digits, numer..
OS Windows 10 PRO 64bit 버전 20H2 (OS 빌드 19042.867) Vue 2.5.13 v-model은 v-bind 와 v-on:input 으로 만들어졌다 단, input 태그들만 적용되는 점이 있는데 h1, h2, h3, div, p, span 태그도 적용하고 싶은 경우 아래와 같이 사용하면 된다 홈페이지 {{ msg }}
OS Windows 10 PRO 64bit 버전 20H2 (OS 빌드 19042.867) Vue 2.5.13 코드 sout1217/TIL2021 Contribute to sout1217/TIL2021 development by creating an account on GitHub. github.com store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: {}, mutations: {}, actions: {}, modules: {} }) 어플리케이션의 규모가 커질수록 data 를 하나의 store 안에 작성하는 것은 유지보수하기가 힘들어진다 때문에 vuex ..
OS Windows 10 PRO 64bit 버전 20H2 (OS 빌드 19042.867) Vue 2.5.13 곰식 홈페이지 Install Storybook Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular storybook.js.org 1. Vue CLI 설치하기 npm i -g @vue/cli vue create {디렉토리명} 2. vue storybook 설치하기 npx sb init 3. 생성되는 파일들 .storybook/main.js module.exports = { "stories": [ "../src/**/*.stories.mdx", "../src/**/*.s..
OS Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836) Vue 2.5.13 # sock (서버)와 sock-client (클라이언트)로 나뉜다 메소드 설명 onopen 서버와 연결 됐을 때 호출 onmessage 클라이언트가 서버로부터 메시지를 받을 때 호출 onclose 웹 소켓 연결이 종료됐을 때 호출 onerror 에러가 발생하면 호출 send 서버로 데이터 전송 (blob, ArrayBuffer, ArrayBufferView) close 클라이언트와 서버 통신 종료 HTML Standard This section is non-normative. To enable web applications to maintain bidirectional communication..
OS Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836) Vue 2.5.13 # 공식 깃 허브 chenfengjw163/vue-json-viewer Simple JSON viewer component, for Vue.js 2 and support ssr - chenfengjw163/vue-json-viewer github.com # 설명 [main.js] import Vue from 'vue' import App from './App.vue' import JsonViewer from 'vue-json-viewer' Vue.use(JsonViewer) Vue.config.productionTip = false new Vue({ render: h => h(App), }).$..
OS Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836) Vue 2.5.13 # 공식 깃 허브 SortableJS/Vue.Draggable Vue drag-and-drop component based on Sortable.js. Contribute to SortableJS/Vue.Draggable development by creating an account on GitHub. github.com -- web demo vuedraggable sortablejs.github.io -- full demo David-Desmaisons/draggable-example vue.draggable example. Contribute to David-Desmaisons/draggab..
OS Windows 10 Home 64bit 버전 1903 (OS 빌드 18362.836) Vue 2.5.13 # 방법 1 # 방법 2 [router.js] import Vue from 'vue' import VueRouter from 'vue-router' import HomePage from "../views/HomePage"; /** 같은 페이지에서 같은 페이지로 $router.push 한 오률를 처리함 (ex : 홈페이지에서 홈 로고를 클릭한 경우) */ const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location) { return originalPush.call(this, locati..