오식랜드

jquery 없이 vanilla javascript로 class관련 함수를 구현해보자 1. addClass element.classList.add('추가할 class명'); function addClass(e, c) { e.classList.add(c); return e; }; 2. removeClass element.classList.remove('삭제할 class명'); function removeClass(e, c) { e.classList.remove(c); return e; }; 3. toggleClass element.classList.toggle('토글할 class명'); function toggleClass(e, c) { e.classList.toggle(c); return e; }; 4...

1. 사용법 let regexp = /^[0-9]*$/, val = document.querySelector('input).value; if( !regexp.test(val) ) { alert("숫자만 입력하세요"); val = val.replace(regexp,''); } 2. 정규식 모음 // 숫자만 let regex= /[^0-9]/g // 한글만 let regex= /[a-z0-9]|[ \[\]{}()?|`~!@#$%^&*-_+=,.;:\"'\\]/g; // 자음/모음 불가 let regex= /([^가-힣\x20])/i; // 자음/모음 가능 let regex= /([^가-힣ㄱ-ㅎㅏ-ㅣ\x20])/i; // 이메일 let regex= /^[-A-Za-z0-9_]+[-A-Za-z0-9_.]*[@]..

input에 v-model로 미리 선언해놓은 data 변수에 연결해준다. template 내에서 input값을 출력할 때 {{ input | comma }}를 사용해서 출력될 때 comma함수를 거쳐 출력되게 해준다. comma에서는 value를 받아 정규식을 이용해서 변환된 값을 return해준다. filters 사용 숫자만 입력되게 + 3자리마다 콤마 Value: {{input | comma}}

숫자 자료에서 자주 쓰이는 3자리마다 콤마 찍기 정규식입니다. 숫자만 입력되게 : /[^0-9]/g 3자리 마다 콤마 : /\B(?=(\d{3})+(?!\d))/g const input = document.querySelector('input'); input.addEventListener('input', function(e){ e.value = e.value.replace(/[^0-9]/g,'').replace(/\B(?=(\d{3})+(?!\d))/g, ',') })

세가지 타입의 input이 있다. Value: Value: Value: nuxt를 사용하지 않는다면, script에서 input의 input/keyup 등의 이벤트를 받아 innerHTML을 하여 출력을 할 것이다. nuxt에서는 input의 이벤트 작성 없이 간단히 출력이 가능하다. 1. data에 각각의 input을 선언 나는 values 라는 하나의 객체로 묶어서 사용했다. 2. input에 v-model을 셋팅해준다. v-model은 input과 data의 양방향 바인딩을 가능하게 해준다. 3. value값을 출력할 위치에 {{v-model data name}}을 입력하면 해당 인풋의 value 값이 출력된다. Value: {{values.textInput}} Value: {{values.numb..

name값을 onlyNumber로 셋팅한 input에 'input' 이벤트리스너를 걸어주었다. input이 여러개일 때에는 forEach 또는 for문을 이용해서 이벤트 리스너를 걸어주면 된다. 숫자 정규식 : /[^0-9]/g input event : 키보드 이벤트 뿐만 아니라 어떤 방법으로든 input의 value값이 변경된 직후에 사용된다. 정규식을 이용해 숫자가 아닌 값이 입력됐을 시 ''(공백)으로 바꿔서 숫자만 남기도록 한다. document.querySelector('input[name="onlyNumber"]').addEventListener('input', function(e){ e.value = e.value.replace(/[^0-9]/g,'') })