[JavaScript] 정규 표현식 | 객체생성 및 확인

📌정규표현식(Regular Expression)

-> 특정한 규칙을 가진 문자열 집합을 표현하는데 사용하는 형식 언어

정규 표현식을 이용하면 입력된 문자열에 대한 특정 조건 검색, 일치여부 판단, 치환에 대한 

조건문을 간단히 처리 할 수 있다.

 

📌정규표현식 객체 생성 및 확인  

🔊 정규표현식 객체 생성 방법

1) const regExp = new RegExp("정규표현식");

2) const regExp = /정규표현식/;

 

🔊 문자열 패턴 확인 메소드(확인)

1) regExp.test ( 검사하고 싶은 문자열);

→ 문자열에 정규표현식과 일치하는 패턴이 있을 경우 true  없을경우 false

 

2) regExp.exec(문자열)

→ 문자열에 정규표현식과 일치하는 패턴이 있을 경우 매칭되는 문자열 반환 없으면 null 반환

---

📌 정규표현식 메타 문자

→   홈페이지 : https://regexper.com (정규표현식을 그림으로 나타내주는 사이트)

Regexper

 

→   홈페이지 : https://regexr.com/(정규표현식 테스트 사이트)

→   문자열의 패턴을 나타내는 문자열 문자마다 지정된 특별한 뜻이 담겨 있다. 

 

    a(일반 문자열) : 문자열 내에 a라는 문자열이 존재하는지 검색
    [abcd] : 문자열내에 a,b,c,d, 중에 하나라도 일치하는 문자가 잇는지 검색
    ^(캐럿) : 문자열의 시작을 의미한다.
    $(달러) : 문자열의 끝을 의미 

    \w (word, 단어) : 아무 글자(단, 띄어쓰기, 특수문자, 한글 X)
    \d (digit, 숫자) : 아무 숫자(0~9 중 하나)
    \s (space, 공간) : 아무 공백 문자(띄어쓰기, 엔터, 탭 등)

    [0~9] : 0부터 9까지 모든 숫자 
    [ㄱ-힣] : ㄱ부터 힣까지 모든 한글
    [a-z] : 모든 영어 소문자
    [A-Z] : 모든 영어 대문자

    * 특수문자의 경우 각각을 입력하는 방법밖엔 없음
    단, 메타 문자와 중복되는 특수문자는[$/^]
    앞에\를 추가하여 탈출 문자(Escape)로 만들어 사용
    
    * 수량 관련 메타 문자가
    a{5} : a가 5개 존재 == aaaaa
    a{2,5} : a가 2개 이상 5개 이하 일때 == aa, aaa, aaaa, aaaaa
    a{2,} : a가 2개 이상 == aa, aaa, aaaa, aaaaa

    * : 0개 이상 == 0번 이상 반복 있어도 되고 없어도 되고
    
    + : 1개 이상
    
    ? : 0개 또는 1개 
    
    . : 1칸 (개행문자를 제외한 문자 하나
    
() : 포획 괄호, 괄호 내부에 대응되는 부분을 찾아서 기억함
| : 또는

 

요소.classList : 요소가 가지고 있는 클래스를 배열로 반환
요소.classList.remove("클래스명") : 요소의 특정 클래스 제거
요소.classList.add("클래스명") : 요소의 특정 클래스 추가

요소.classList.toggle("클래스명"): 클래스가 있으면 제거 없으면 추가

* 주민등록번호 유효성 검사 

1. 주민등록번호 정규식 생년월일  / 생년월일(6)-고유번호(7) const regExp = / ^\d{6}-{0-9}$ / 2. 주민등록번호 정규식 20 01 01-1 234567 월  : (0[1-9]|1[0-9]|2[0-9]|3[0-1]) 01~09  0[1~9] 10~19  1[0~9] 20~29  2[0~9] 30~31  3[0~1] 일 :(0[0-9]|1[0-2]) 01~09 0[1-9] 10~12 1[0~2] const regExp = /^\d{2}(0[1-9]|1[0-9]|2[0-9]|3[0-1])|(0[0-9]|1[0-2])-[1-4]\d{6}$/;

}