나눔코딩

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), }).$..