이메일, 비밀번호 정규식
const emailRegEx = /^[A-Za-z0-9]([-_.]?[A-Za-z0-9])*@[A-Za-z0-9]([-_.]?[A-Za-z0-9])*\.[A-Za-z]{2,3}$/;
const passwordRegEx = /^[A-Za-z0-9]{8,20}$/
- /^ : 시작
- $/ : 끝
- [A-Za-z0-9] : 영문 대소문자 혹은 숫자로 시작
- ([-_.][A-Za-z0-9]) : 두 번째 글자부터는 영문 대소문자 혹은 숫자이며 - _ .이 들어갈 수 있음
- * : 문자 또는 숫자가 0개 이상 나타남
- @가 중간에 반드시 들어가야 함
- 도메인 부분도 마찬가지로 영문 대소문자 혹은 숫자로 시작하며 그 다음부터-_.이 들어갈 수 있음
- . 이 최소한 하나는 반드시 들어가야 함
- .뒤에 com과 같은 최상위 도메인이 들어갈 자리 2-3자리 지정
- + 참고) i : 전체에 대해서 대소문자를 구분하지 않음
정규식 메서드
- exec() : 문자열에서 일치하는 부분을 찾음. 일치한 문자열 및 기억한 모든 부분 문자열을 배열로 반환하거나 일치하는 부분이 없을 경우 null을 return함
- test() : 문자열에 일치하는 부분이 있는지 확인하고, true 혹은 false를 return
- match() : 모든 일치를 담은 배열을 반환, 일치가 없으면 null return
- search() : 문자열에서 일치하는 부분을 탐색함. 일치하는 부분의 인덱스를 리턴하거나, 일치가 없는 경우 -1을 반환함
- split() : 문자열에서 일치하는 부분을 찾고, 그 부분을 대체 문자열로 대체함
'Client > React.js' 카테고리의 다른 글
[React] Virtual DOM의 등장배경과 Virtual DOM이 작동하는 방식 (0) | 2024.04.10 |
---|---|
[React] Link & useNavigate (0) | 2023.10.18 |
[React] Axios란? (+ Fetch API) (0) | 2023.09.06 |
[React] Context API (0) | 2023.08.31 |
[React] Axios 인터셉터 사용법 (0) | 2023.08.30 |