RegexComponent

구성 요소

선택

• 정규 표현식의 선택에는 하나 이상의 정규 표현식 시퀀스가 포함

• 각 시퀀스는 | 문자로 구분됨

• 선택 구문은 각 시퀀스 순서대로 하나씩 일치하는지 대조해보고 일치하는 것을 만나면 뒤에 시퀀스가 더 남았더라도 그것을 일치하는 것으로 봄

시퀀스

• 정규 표현식의 시퀀스는 하나 이상의 정규 표현식 요소를 포함

• 각각의 요소 뒤에는 정규 표현식 요소가 몇 번 반복해서 나오는지를 나타내는 수량자 (*, + 등)를 선택적으로 붙일 수 있음

정규 표현식 요소

/ [ ] ( ) { } ? + * | . ^ $

• 위 문자들을 리터럴로 다뤄지게 하려면 앞에 \를 붙여 이스케이프 시켜야함

• 단, 일반 숫자나 문자 앞에는 \를 붙여봤자 아무 효용이 없음

  • 이스케이프되지 않은 .(마침표)는 줄 끝 문자를 제외한 모든 문자에 일치함

  • 이스케이프되지 않은 ^는 lastIndex 속성이 0일 때 텍스트의 시작에 대응

  • 이스케이프되지 않은 $는 텍스트의 끝과 일치

이스케이프

• 역슬래시()는 정규 표현식 요소와 문자열에서 모두 이스케이프됐다는 것을 나타냄

  • \f : 폼피드

  • \n : LF(라인피드)

  • \r : CR(캐리지리턴)

  • \t : 탭

  • \u : 4자리 16진수(유니코드)

  • \d : 숫자(0-9)

  • \b : 단어경계

  • \s : 공백(whitespace)

  • \w : 단어 문자

// 중복된 단어를 찾고자 하는 코드

var double_words = /([A-Za-z\u00c0-\u1FFF\u2800-\uFFD'\-]+)\s+\1/gi;

그룹

• 캡처

  • 괄호로 묶인 정규 표현식 선택

  • 그룹에 일치하는 문자들은 캡처됨

• 비캡처

  • (?: 접두어가 있는 선택

  • 단순히 일치하는지를 확인할 뿐 일치하는 텍스트를 캡처하지는 않음 (그래서 성능이 약간 더 빠름)

• 긍정형 룩어헤드

  • (?= 접두어를 가짐

  • 비캡처 그룹과 유사하나 다만 일치되는 부분을 찾은 후에 텍스트를 그룹이 시작하는 지점으로 다시 돌림

• 부정형 룩어헤드

  • (?! 접두어를 가짐

  • 긍정형 룩어헤드와 유사하나 다만 찾지 못했을 때가 일치하는 경우

클래스

• 특정 문자 집합 하나를 지정하는데 편리한 방법

(?:a|e|i|o|u) // 알파벳 모음 일치

[aeiou] // 클래스로 대신함