정규표현식이란?

• 들어가기 전에 회원가입을 할 때 이메일이나 전화번호 등을 입력하는 경우가 있습니다. 이때 입력한 값이 올바르지 않으면 에러 메시지가 나오는 경험을 했을 겁니다. 입력값이 올바른지 자바스크립트로 간단히 체크할 수 있는 방법이 있습니다. 이번에는 새로운 문법이 등장함으로 빨리 이해하기 어려울 수 있습니다.

학습 목표

1. 정규표현식이 무엇인지 이해하고, 어떤 경우에 쓰이는지 알 수 있습니다.
2. 간단한 값을 체크할 때 정규표현식을 사용해서 유효성을 체크할 수 있습니다.

핵심 개념

• 정규표현식(Regular Expression)

학습하기

정규표현식(Regular Expression)

문자열의 특정 패턴을 찾을 수 있는 문법입니다. 패턴을 찾아서 추출,삭제,치환 등의 문자열 조작을 할 수 있습니다.

실무에서의 사용

몇 가지 유용한 사례 입니다.

• 이메일, 주소, 전화번호 규칙 검증
• textarea에 입력된 것 중 불필요한 입력값 추출
• 트랜스파일링
• 개발 도구에서의 문자열 치환

간단한 사용법

• 숫자 하나 찾기
• 숫자 두 개 찾기

공부 방법

처음에는 낯설 수 있습니다. 다양한 chest sheet를 참고해서 정규표현식을 구현하는 것이 좋습니다.

• JavaScript Regex Cheat Sheet
• 패턴들을 테스트해보면서 구현해보기

예제(실습 할 만한)

우편번호 우편번호 구/신 핸드폰 전화번호 규칙 개발도구에서의 함수 선택

치환

replace Method ES6 arrow function 치환하기

탐욕적(Greedy), 게으른(Lazy) 수량자

뒤에서부터 찾거나, 앞에서부터 찾거나(Lazy를 써서 앞에서부터 찾도록 합니다.)

• greedy : *,+{n,}
• lazy : *?,+?,{n}?