input에서 소수점 자리 수를 맞춰주기 위해 정규표현식을 활용했다.이때, 입력으로 넣은 소수점 자리 수에 따라 정규표현식을 바꾸고 싶어서 동적으로 정규표현식을 사용하는 방법을 찾아봤다. 일반적으로 정규표현식을 생성하는 방법은 두가지이다. 1. 정규 표현식 리터럴const regexp = /is/i; 2. RegExp 생성자 함수 // new RegExp(pattern[, flag])const regexp = new RegExp(/is/i); // ES6 동적으로 변수를 넣어주기 위해서는 "백틱으로 감싸준다" 라는 방법이 생각날 것이다.그러나 정규 표현식 리터럴에서는 단순히 백틱으로 감싸서 사용하면 문자열로 취급되기 때문에 정규표현식으로 사용이 불가능하다. // ❌const regExp = `^..
정규표현식
태그의 pattern 속성은 정규표현식을 읽는다. 그러나 일반적으로 작성하는 정규표현식과 달리 태그의 pattern에 바인딩하는 정규표현식은 /로 감싸면 안 된다. 공통 input 컴포넌트→ /[0-9]+/는 적용되지 않고, [0-9]+로 써야만 한다.
[ Quasar ] q-input mask로 숫자 포매팅q-input의 mask를 잘만 이용하면 정규표현식 등을 사용하지 않고도 입력 데이터 값의 포매팅을 진행할 수 있다. Input | Quasar Framework The QInput Vue component is used to capture text input from the user. quasar.dev 내가zodev.tistory.com 소수점 2자리를 가진 숫자를 표현하기 위해 지난 번에는 Quasar Input 컴포넌트가 기본으로 제공하는 mask 속성을 활용했다.그러나 mask 속성의 단점은 입력이 조금 부자연스럽고 점 위치가 고정된다는 것이다. 그래서 이 부분을 바꿔달라는 요청이 들어왔고 mask를 버렸다...! 요구사항점 위치가 고정된 ..
1) 정규 표현식이란? 정규 표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어다. 자바스크립트는 펄(Perl)의 정규 표현식 문법을 ES3부터 도입했다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공한다. 패턴 매칭 기능이란 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말한다. 2) 정규 표현식의 생성 정규 표현식 객체를 생성하기 위해서는 정규 표현식 리터럴과 RegExp 생성자 함수를 사용할 수 있다. 정규 표현식 리터럴은 패턴과 플래그로 구성된다. const target = 'Is this all there is?'; const regexp = /is/i; regexp.test(target); // -> true RegExp 생성자 ..
