카테고리Javascript

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

더보기

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); ...

더보기

정규식

정규식은 일반 문자(예: a에서 z)와 메타문자로 알려진 특수 문자로 구성된 문자열 패턴이다. 패턴은 문자열 본문을 검색할 때 일치하는 문자열을 설명한다. 정규식은 검색되는 문자열과 일치하는 문자 패턴을 찾는 템플릿의 역할을 한다. 일반적으로 볼 수 있는 몇 가지 정규식 예는 다음과 같다. 출력 공통 <scRIPT> var s,re; function showChar(){ sindex=s.search(re); slastIndex=RegExp.lastIndex; document.write(sindex+’~’+RegExp.lastIndex); document.write(‘ (‘+s.substring(sindex,slastIndex)+’)’); } </scRIPT> <scRIPT>var s,re; function showChar(){ ...

더보기

bootstrap datepicker

  util/form.js 날자 선택 후 달력 닫기 $(“#”+divID+field[tdno].id).on(‘changeDate’, function(ev){     $(this).datepicker(‘hide’); });   bootstrap-datepicker.js this.picker.find(‘.datepicker-days thead th.datepicker-switch’) .text(dates[this.o.language].months[month]+’ ‘+year); –> this.picker.find(‘.datepicker-days thead th.datepicker-switch’) .text(year+’년 ‘+dates[this.o.language].months[month]);

더보기

Google Speech API, 그리고 음성인식 기술

HTML5/HTML News 2014.04.18 17:54 신고 패턴인식(Pattern Recognition)의 한 분야인 음성인식은 오늘날(현 2014년) 많이 대중화가 되어있고, 다양한 분야에서 활용되고 있습니다.  음성인식에서 두각을 나타내고있는 여러 대기업들중 Google에서 제공하는 STT(Speech To Text)의 활용법에 대해 간단히 정리한 내용입니다.  글쓴이는 음성인식 분야에 무지하며, 이를 참조해서 읽어주세요.

더보기

This is a unique website which will require a more modern browser to work!

Please upgrade today!