[JS] Regular Expression

daniel·2022년 6월 10일
0

[JS]

목록 보기
15/16
post-thumbnail

from THE QUEEN INSPECTING THE GUARDS DURING A CEREMONYAndrew Winning-WPA Pool / Getty Images

Regular expressions are a generalized way to match patterns with sequences of characters.

정규표현식(regular expression)이란 문자열에서 특정 문자 조합을 찾기위한 일종의 패턴이다. 특정 프로그래밍 언어에만 있는것이 아닌 대부분의 프로그래밍 언어가 지원을하는 형식 언어이다.

자바스크립트에서는 정규 표현식 문법을 ES3부터 도입하였다.

Syntax


정규표현식은 슬래시 / 를 사용하여 만들 수 있다. / 사이에 규정하고싶은 문자열 패턴을 작성하면된다. 플래그를 이용하면 정규표현식을 활용하여 검색할 때의 방식을 설정할 수 있다.

Pattern

정규표현식 기호 의미

  • ^ : 문자열의 시작
  • [...] : 문자의 집합 0-9 라고입력했으니 숫자 0~9 를 나타냄
  • ➕ : 앞에 문자가 최소 한개이상. 갯수 제한없음을 의미
  • $ : 문자열의 끝

다음과 같이 검증하고자하는 패턴으로 작성된 정규표현식을 활용하면 문자열의 규칙 준수여부를 확인할 수 있다.

이러한 정규표현식은 웹페이지에서 이메일 주소 검증 , 전화번호 검증 등에 활용된다.

flag

flag를 사용하면 검색 방식을 설정할 수 있다

  • i (ignoreCase) : 영어 대소문자를 구분하지 않겠다는 의미이다.

따라서 i flag가 있는 regex는 대소문자를 구분하지 않으므로 대문자를 넣어도 결과가 true로 반환 되었다.


웹페이지에서 Yup과 같은 문자열의 패턴을 검증해주는 라이브러리도 있다.
정규표현식에 대한 기본 개념을 익히고 라이브러리를 통해 사용자의 입력값을 검증하는 기능을 활용해보자.

profile
FE 개발 velog

0개의 댓글