인생은 효율성

인풋 창에 여러 가지 값을 동시에 검색하는 기능을 구현하려고 한다. 각 값의 구분을 해줘야 하기 때문에 구분자를 먼저 정한다. 만약 구분자를 콤마(,)로 정했다면 엔터에 해당하는 정규식을 콤마로 대체해주면 된다. 위와 같이 입력해서 123의 검색 결과, 456의 검색 결과, 789의 검색 결과를 모두 한 번에 조회하려면 아래와 같이 사용한다. const toComma = value.replace(/(?:\r\n|\r|\n)/g, ','); //엔터를 콤마(,)로 바꿈 console.log(toComma); // 123,456,789 이렇게 하면 123,456,789의 형태로 바꿀 수 있다. 이 값을 콤마로 잘라서 하나씩 DB로 보내 조회하면 된다.

static CheckEmail(email: string) { const regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[a-zA-Z]([-_.]?[a-zA-Z])*.[a-zA-Z]{2,3}$/i; if (regExp.test(email)) { return true; //형식에 맞음 } else { return false; } } 이메일 유효성 검사하는 정규식 유효성 규칙 : [알파벳(특수문자 불가, 언더바나 슬래쉬는 마지막에 쓸 수 없음)] + [@] + [알파벳] + [.] + [알파벳 2자리 이상] ex) bomoto@gmail.com true bo*oto@gmail.com false bomo_to@gmail.com true bomoto_@gmail.com false ..

1. 입력된 데이터가 숫자인지 문자인지 판단 static IsNumber = (value: any) => { const reg = /^[0-9\s]*$/; if (reg.test(value)) { return true; //숫자 } else { return false; //문자 } }; 2. 입력된 데이터가 숫자(소수점 포함)인지 문자인지 판단 static IsNumber = (value: any) => { const reg = /^-?\d*(\.\d*)?$/; if (reg.test(value)) { return true; //숫자(소수점 포함) } else { return false; //문자 } };

//숫자,영문,특수문자 3개 이상 사용했는지 체크 const pwdValidationChk = (password: string) => { const regPwd = /^.*(?=.*\d)(?=.*\W)(?=.*[a-zA-Z])/; if (!regPwd.test(password)) { return false; //3개이상 사용x } else { return true; //3개이상 사용함 } }; password를 받아서 숫자, 영문, 특수문자를 3종류 이상 사용했는지 체크한다. (?=.*\d)는 숫자, (?=.*\W)는 특수문자, (?=.*[a-zA-Z])는 영문을 체크한다. 만약 특수문자 체크가 필요 없다면 특수문자 체크 부분을 빼고 const regPwd = /^.*(?=.*\d)(?=.*[a-zA-Z..

일요일, 토요일을 선택 불가하도록 막을 것이다. $("#datePicker").datepicker({ beforeShowDay: function(date) { var day = date.getDay(); return [(day != 0 && day != 6)]; } }) .on("change", function(e) { }); beforeShowDay옵션을 이용해 특정일 비활성화 처리를 해줄 수 있다. 자바스크립트의 요일을 숫자로 반환해주는 getDay() 메서드를 이용해 요일들을 0~6 사이의 숫자로 가져온다. 요일이 일요일(0)이거나 토요일(6)이면 false를 리턴해 비활성화 처리가 된다. 여기서 추가로 공휴일 선택도 막아보자. //선택불가능 날짜 var cantPickDates = ["-01-01..

moment.js는 날짜 형식을 바꿀 때나 날짜 간 계산을 해야 할 때 등등 사용하면 편한 자바스크립트 라이브러리이다. 나는 타입 스크립트 기반인 리액트 프로젝트에서 사용했다. 먼저 npm에서 moment.js를 설치해준다. npm install moment 그다음 작성하려는 타입 스크립트 파일에 import 해주고 한국어 설정도 해준다. import moment from 'moment'; moment.locale('ko'); 이렇게 해주면 moment.js를 사용할 수 있다. 나는 보통 날짜 형식을 지정할 때 많이 사용했다. moment().format('YYYYMMDD') moment().format('YYYY-MM-DD') moment().format('YYYY/MM/DD') 혹은 3개월 후의 날짜..