<v-data-table v-model=”selectedTime” :headers=”headersTime” :items=”itemsTime” :items-per-page=”itemsPerPage” :single-select=”singleSelect” item-key=”timeID” show-select fixed-header hide-default-footer height=”600″ :search=”searchTime” class=”elevation-1″ ...
더보기node TIPS
npm i –global –production windows-build-tools npm install nodemon –save nodemon app node변경시 자동으로 restart
더보기vuetify 환경
vue dev-tool 설치
더보기MSK code
times: rank: DQ:-1, DNS: -2 extra: true=번외 group: true=단체 junior: true=청소년 relay: true=계영
더보기vue tips
v-file-input : fileUpload = [] <no-ssr> //—–> update table const objIndex = this.items.findIndex(obj => obj.code === this.form.code) if (objIndex >= 0) { this.items.splice(objIndex, 1, this.form) } else { this.items.push(this.form) } <template v-slot:item.keyword=”{ item }”> <span v-html=”rawHtml(item)”></span> </template> <template v-slot:item.actionLeft=”{ item }”> <v-icon small class=”mr-2″ @click=”clickLeft($event, item)” > edit </v-icon> </template> //—–> watch props: { athleteInfo: { type:Object, default () { return { } } } }, watch: { athleteInfo: { deep: true, // Object<array, json> 은 Vue가 내용이 변경되었다는 것을 알기위해 true를 사용해야함 immediate: true, // 페이지 로드 시 즉시 watch 실행 handler (newVal, oldVal) { //this.gridData = lodash.cloneDeep(newVal) console.log(“=============================”, newVal) } }, },
더보기[node.js] express.js 라우트 요청 객체(req), 응답 객체(res) 정리
요청 객체 (Request) 일반적으로 req나 request와 같은 변수로 명명함. 어차피 콜백에 전달되므로 마음대로 지어도 된다. 여기서는 req로 사용. Methods req.params : 이름 붙은 라우트 파라미터를 담는다. ex : app.get(’/:idx’, (req, res) => { res.send(req.params.idx); }); -> req.params(name) : 이름 붙은 라우트 파라미터나 GET, POST 파라미터를 담는다. 하지만 여러가지 혼란을 줄 수 ...
더보기motolola scanner ds9208
DS9208 Manual 아래 코드를 리딩 하시면, 공장 초기화 됩니다. 공장 초기화를 하길 경우 기존 장비에 되어 있던 세팅이 모두 초기화 됩니다. 신중하게 하시기 바랍니다. Motorola Barcode Scanner 엔터값 넣는 방법 그림의 바코드를 순차적으로 리딩 하면 됩니다. 모토로라 스캐너 code93 사용하도록 하는 설정 모토로라의 기본 설정에는 code93을 사용하지 않도록 Disable 되어 ...
더보기regex
<내가 작성한 정규식> 1 2 3 4 5 6 7 8 9 // id 체크 정규식 : 숫자, 영문만 입력 가능 var regExpId = /^[0-9a-z]+$/; // 비밀번호 규칙 정규식 // : 숫자, 특문 각 1회 이상, 영문은 2개 이상 사용하여 8자리 이상 입력 var regExpPw = /(?=.*\d{1,50})(?=.*[~`!@#$%\^&*()-+=]{1,50})(?=.*[a-zA-Z]{2,50}).{8,50}$/; // 이메일주소 형식 체크 정규식 var regExpEm = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; cs 아래는 자주 쓰이는 정규식 모음 출처 : http://seongilman.tistory.com/186 1. var passwordRules = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,16}$/; var password = ‘password1’; console.log(passwordRules .test(password)); 2. function checkPassword(id,password){ if(!/^[a-zA-Z0-9]{10,15}$/.test(password)){ alert(‘숫자와 영문자 조합으로 10~15자리를 사용해야 합니다.’); return false; } var checkNumber = password.search(/[0-9]/g); ...
더보기vue
watch: { // 라우트가 변경되면 메소드를 다시 호출됩니다. ‘$route’: ‘fetchData’ },
더보기동적 라우트 매칭 | Vue Router
watch: { ‘$route’ (to, from) { let urlParams = new URLSearchParams(window.location.search); let type = urlParams.get(‘type’); let groupNo = urlParams.get(‘groupNo’); let collectionNo = urlParams.get(‘collectionNo’); let params = { groupNo: groupNo, collectionNo: collectionNo, limit: 10 }; this.searchCollection(params); }, },
더보기