🔎정규표현식

• 정규 표현식은 문자열에서 특정 문자 조합을 찾기 위한 패턴
• JavaScript에서 정규표현식은 객체
• RegExp 생성자를 사용할 수 있고, String의 match(), matchAll(), replace(), replaceAll(), search(), split() 메서드와도 함께 사용 가능

💡플래그

• 고급 검색을 설정
  g : 전역 검색
  i : 대소문자 구분 X
  m : 여러 줄 검색

💡기본 문자열

• replace() 메서드를 사용해 특정 문자열 1개만 특정 문자열로 매칭시켜 변경

'이름을 이름으로 바꿔주세요'.replace('이름', '원영')

// 결과
// '원영을 이름으로 바꿔주세요'

• 정규표현식과 flag인 g를 이용해 특정 문자열 전체를 변경

'이름을 이름으로 바꿔주세요'.replace(/이름/g, '원영')

// 결과
// '원영을 원영으로 바꿔주세요'

💡시작과 끝 문자열 설정

^ : 특정 문자열로 시작하는 문자

/^원영/g

• '원영'이라는 문자열로 시작, 아래 문자열 중 해당하는 문자열 표시
  원
  영
  원영
  원영원영

• '원영원영' 전체가 해당하지 않는 이유 : 정규표현식에 조건을 '원영'으로만 시작하게 두고 뒤에 추가로 붙는 문자열에 대한 설명이 없어서

$ : 특정 문자열로 끝나는 문자

/원영$/g

• '원영'이라는 문자열로 끝, 아래 문자열 중 해당하는 문자열 표시
  원
  영
  원영
  원영원영

💡선택지들 중 1개 맵핑

[] : 안의 문자들 중 1글자 선택

/[원영]/g

• '원' '영' 중 1글자 선택
  원
  영
  원영

💡범위 지정

범위시작-범위끝 : 아스키코드 기준 범위 지정

/[a-zA-Z0-9]/g

// 알파벳 대문자, 소문자, 숫자 중 1문자

• A-Z : 알파벳 대문자
• a-z : 알파벳 소문자
• 0-9 : 숫자

💡부정

[^] : 대괄호 [ ] 안에서 부정 의미

/원[^영]/g

• '원' 으로 시작하고 '영' 으로 끝나지 않는 문자열 선택
  원
  영
  원영

💡문자 단축 표기

. : 임의의 모든 문자 1개 의미

/원영../g

• '원영' 문자열 뒤에 2개의 아무 문자가 붙은 형태
  원
  영
  원영
  원영원영

\d : 숫자 1글자 의미, [0-9]와 같은 뜻
\D : 숫자 제외한 1글자 의미, [^0-9]와 같은 뜻

\w : 영문자, 숫자, _(언더스코어) 중 1글자 의미, [_a-zA-Z0-9]와 같은 뜻
\W : 영문자, 숫자, _(언더스코어) 제외한 1글자 의미, [^_a-zA-Z0-9]와 같은 뜻

\s : 공백 문자(공백 문자, 탭 문자, 개행 문자 등) 1글자 의미
\S : 공백 문자 제외한 1글자 의미

💡수량자

* : 앞의 문자 0개 ~ n개

/원*영/g

• '원' 이 0개 이상, '영' 으로 끝나는 문자열 선택
  원
  영
  원영
  원원영

+ : 앞의 문자 1개 ~ n개

/원+영/g

• '원' 이 1개 이상, '영' 으로 끝나는 문자열 선택
  원
  영
  원영
  원원영

? : 앞의 문자 0개 ~ 1개

/원?영/g

• '원' 이 0개 혹은 1개, '영' 으로 끝나는 문자열 선택
  원
  영
  원영
  원원영

{} : 문자 개수 범위 지정

• {n} : 앞의 문자 n개
  {n,} : 앞의 문자 n개 이상
  {n,n+i} : 앞의 문자 n개 ~ n+i개

/원{2}영/g

• '원' 이 2개, '영' 으로 끝나는 문자열 선택
  원영
  원원영
  원원원영
  원원원원영

/원{2,}영/g

• '원' 이 2개 이상, '영' 으로 끝나는 문자열 선택
  원영
  원원영
  원원원영
  원원원원영

/원{2,3}영/g

• '원' 이 2개 ~ 3개 사이, '영' 으로 끝나는 문자열 선택
  원영
  원원영
  원원원영
  원원원원영

💡그룹핑

() : 패턴요소를 소괄호로 묶어서 부분적으로 그룹화

• 그룹화한 부분 * , + , ? 등의 수량자 사용해 반복가능

/(원|영)/g

• | 이용해 선택 범위 줄일 수 있음
• 원 or 영 해당
  원
  영
  원 영
  원 영 원 영

?= : 전방탐색, 뒤에 특정 문자열이 나오는 문자열

/원(?=영)/g

• 원 뒤에 영이 나오는 문자열 선택
  원
  영
  원영

?<= : 후방탐색, 앞에 특정 문자열이 나오는 문자열

/(?<=원)영/g

• 원 뒤에 영이 나오는 문자열 선택
  원
  영
  원영

?! : 전방부정탐색, 뒤에 특정 문자열이 나오지 않는 문자열

/원(?!영)/g

• 원 뒤에 영이 나오지 않는 문자열 선택
  원
  영
  원영

---

🔎사용하기

💡RegExp 객체 사용한 리터럴 방식

• 빗금으로 감싸야 함
• 따옴표 사용 X

let reg = new RegExp(/ab+c/, 'g')

💡RegExp 객체 사용한 생성자 방식

• 빗금으로 감싸지 X
• 따옴표 사용

let reg = new RegExp('ab+c', 'g')

사용예시

let reg = new RegExp('ab+c', 'g')
'aabbccabc'.match(reg)

// 반환값 : ['abbc', 'abc']

'aabbccabc'.replace(/ab+c/g, '')

// 반환값 : 'ac'

❓전화번호를 정규식으로 표현하기
[0-9]{2,3}[-.* ]?[0-9]{3,4}[-.* ]?[0-9]{4}

❓이메일을 정규식으로 표현하기
[a-zA-Z0-9]+@[a-zA-Z0-9]+.[a-zA-Z0-9]