Javascript
각종 정규표현식(영어만 표현, 숫자만 표현 등)
jellyChoi
2019. 7. 24. 22:39
안녕하세요~ 오늘은 정규표현식에 대해 알아보겠습니다.
정규표현식은 어떤 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어라고 합니다.
정규표현식은 처음 보시면 이게 무슨 외계어야 라며 아주 어렵게 느끼실 수 있는데요,
잘 쓰면 아주 유용하게 여기저기 쓸 수 있어서 편리합니다.
아래 표를 보시면 기본적인 정규표현식의 문법을 알아볼 수 있습니다.
메타문자 | 기능 | 설명 |
. | 문자 | 1개의 문자와 일치한다. 단일행 모드에서는 새줄 문자를 제외한다. |
[ ] | 문자 클래스 | "["과 "]" 사이의 문자 중 하나를 선택한다. "¦"를 여러 개 쓴 것과 같은 의미이다. 예를 들면 [abc]d는 ad, bd, cd를 뜻한다. 또한, "-" 기호와 함께 쓰면 범위를 지정할 수 있다. "[a-z]"는 a부터 z까지 중 하나, "[1-9]"는 1부터 9까지 중의 하나를 의미한다. |
[^ ] | 부정 | 문자 클래스 안의 문자를 제외한 나머지를 선택한다. 예를 들면 [^abc]d는 ad, bd, cd는 포함하지 않고 ed, fd 등을 포함한다. [^a-z]는 알파벳 소문자로 시작하지 않는 모든 문자를 의미한다. |
^ | 처음 | 문자열이나 행의 처음을 의미한다. |
$ | 끝 | 문자열이나 행의 끝을 의미한다. |
( ) | 하위식 | 여러 식을 하나로 묶을 수 있다. "abc¦adc"와 "a(b¦d)c"는 같은 의미를 가진다. |
\n | 일치하는 n번째 패턴 | 일치하는 패턴들 중 n번째를 선택하며, 여기에서 n은 1에서 9 중 하나가 올 수 있다. |
* | 0회 이상 | 0개 이상의 문자를 포함한다. "a*b"는 "b", "ab", "aab", "aaab"를 포함한다. |
{m, n} | m회 이상 n회 이하 | "a{1,3}b"는 "ab", "aab", "aaab"를 포함하지만, "b"나 "aaaab"는 포함하지 않는다. |
그렇다면 각종 검증을 위한 정규표현식들은 어떻게 표현하는지 알아보겠습니다.
영어만
var eng = /^[a-zA-Z]*$/;
숫자만
var num = /^[0-9]*$/;
영어+숫자
var engNum = /^[a-zA-Z0-9]*$/;
이메일
var email = /^[a-zA-Z0-9]+@[a-zA-Z0-9]+$/;
전화번호
var phone = /^\d{2,3}-\d{3,4}-\d{4}$/;
주민등록번호
var jumin = /\d{6} \- [1-4]\d{6}/;
사용법
var regEmail = /^[a-zA-Z0-9]+@[a-zA-Z0-9]+$/;
if (regEmail.test(document.getElementById('email').value)) {
alert('형식에 맞지 않는 이메일입니다. 다시 입력해 주세요.');
return false;
}
대충 많이 쓰이는 것들만 정리를 해 보았습니다. 저대로 가져다 쓰면 결과물은 나오겠지만,
근본적으로 내가 원하는 정규표현식을 만들기 위해서는 기본 규칙을 잘 알아야 합니다.
예를 들어서 내가 만드는 사이트에 비밀번호를 받아야 하는데, 비밀번호를 영문+숫자+특수문자로 하고싶다면
기본 규칙을 활용해서 만들 수 있어야겠죠?
var password = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/;
위의 식은 기본적인 영문, 숫자, 특수문자를 조합하여 최소 8자리 이상의 비밀번호를 만들기 위한 정규표현식입니다.
위의 표를 보면서 해석을 해 보시면 나름 쉽게 해석하실 수 있습니다.
이렇게 이미 만들어져 있는 정규표현식을 해석하면서 이해를 하고,
이해를 했으면 간단한 규칙으로 정규식을 만들어 보고, 적용하다 보면 정규표현식에 익숙해질 수 있습니다.