frontend3 유효성 검증을 위한 vee-validate 플러그인 설치 version 3.4.10 npm install vee-validate // main.js import veeValidate from 'vee-validate'; new Vue({ veeValidate }).$mount('#app'); 적용 // in component import {ValidationObserver, ValidationProvider, extend} from 'vee-validate'; import * as rules from 'vee-validate/dist/rules'; import {messages} from 'vee-validate/dist/locale/ko.json'; import {configure} from 'vee-validate'; // configure 통해 각 .. 2021. 7. 15. 퍼블리싱 초기 설정 관련 포스팅 퍼블리싱 경험을 토대로 하나씩 기준을 세워 작업을 한다. 그것을 정리해서 문서화했다. 1. 웹폰트 - ie8 이하 프로젝트의 경우, 웹폰트는 폰트명 각각 설정한다. - ie8 이하 프로젝트의 경우, 폰트 굵기는 normal, bold만 설정된다. - ie9 이상 프로젝트의 경우, 폰트명 하나에 굵기를 다양하게 지정 가능(100~900) - FOUT 현상을 줄이기위해 local을 먼저 불러올 것 - ie8 이하를 고려하지 않는다면, 과감히 .eot 파일을 버리는 것도 용량을 줄이는 방법 중 하나. 2. 네이밍 규칙 3-0. 전체 공통 - 시작을 대문자, 숫자, 특문으로 시작할 수 없다. - 의미-형태-순서-상태 순서로 사용 - 숫자는 두자리 정수를 사용한다. (ex: 01, 02, 03...) 3-1. c.. 2021. 6. 29. Vue.js 문법 정리 해당 게시물에 계속해서 업데이트합니다. {{변수명}} // 문법 new Vue({ el : '#test', data : {}, // 데이터 변수 method : {}, // 함수 computed : {} // 계산식 }) 1. v-html="vue변수명" - 태그 변수를 넣을때 사용. 부모 엘리먼트에 속성으로 넣어주면 안에 만들어짐. // js new Vue({ el : '#test', data : { tag : 'test' } }) // html //div 안에 tag의 할당된 태그가 넣어짐. 2. v-bind:속성이름 - 속성에 뷰 변수를 넣을때 사용 v-bind:href="vue변수명" - 약어 : // js new Vue({ el : '#test', data : { site : 'http://te.. 2021. 6. 29. 이전 1 다음
