자바스크립트 정규표현식(Regular expressions)

 

💡 정규표현식(정규식)이란?

문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴. RegExp의 exec메소드, test메소드, 그리고 String의 match메소드, replace메소드, search메소드, split메소드와 함께 쓰인다.

 

 

💡 정규식을 만드는 방법

• 정규식 리터럴(슬래쉬로 감싸는 패턴) 사용하기

  var re = /ab+c/;

   
• RegExp 객체의 생성자 함수 호출하기

  var re = new RegExp("ab+c");

 

💡 메타문자

문자	의미	예제
\	특수문자 예외처리(escape)	naver\.com& - 온점을 일반 문자로 취급
^	문자열 시작	^[a-z] - 소문자로 시작하는 문자열
$	문자열 끝	com& - com으로 끝나는 문자열
.	임의의 문자 하나	sh.on - sh와 on사이의 임의의 문자 하나
|	OR 연산
?	0번 또는 1번	sh?on - s와 on 사이에 h문자가 0번 또는 1번 나오는 문자열
*	0번 이상	^sh.* - sh로 시작, 임의의 문자열이 0개 이상 나오는 문자열
+	클래스
[]	클래스
()	서브 패턴
{}	수량자
[^]	부정

자세한 예제 -> https://m.blog.naver.com/PostView.naverisHttpsRedirect=true&blogId=is_king&logNo=221566914429 

 

 

💡 자주 쓰이는 패턴

분류	정규식 패턴
숫자	^[0-9]*$
영문자	^[a-zA-Z]*$
한글	^[가-힣]*$
영어&숫자	^[a-zA-Z0-9]*$
비밀번호 (숫자, 문자 포함의 6~12자리 이내)	^[A-Za-z0-9]{6,12}$
비밀번호 (숫자, 문자, 특수문자 포함 8~15자리 이내)	^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$
이메일	^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@([a-zA-Z0-9]+\.)+[a-zA-Z0-9]{2,8}$
휴대전화	^\\d{3}-\\d{3,4}-\\d{4}$
일반전화	^\\d{2,3}-\\d{3,4}-\\d{4}$
주민등록번호	\d{6} \- [1-4]\d{6}

 

🚨 정규식 사용 시 메타 문자 잘 확인하기

오늘 특수문자 처리를 하려다가 마무리 하는 메타문자가 '*$'인 줄 알고 계속 넣었다가 특수문자를 넣지 않아도 계속 패스가 되어서 한참 애를 먹었다. 뭐든지 역할이 제대로 뭔지 확인하고 사용하는 게 중요함을 다시 한 번 알게 됐다.

 

 

테스트 사이트

https://regexr.com/

---

https://moonong.tistory.com/31

[Java] 정규표현식(Regular Expression) : 자주 쓰는 정규식 정리(휴대전화, 이메일, 비밀번호 등)

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions

정규 표현식 - JavaScript | MDN