JAVASCRIPT Regular expresstion

새로만든 개발진스🫡🫡

Javascript 에서 Regula Expresstion(이하 정규표현식)은 문자열에 패턴을 매칭시키고 조작하는데 사용된다.

E-Mail주소를 검증하려는 경우, 정규표현식을 사용하여 유효한 이메일 주소 패턴을 확인할 수 있다.

아래 예제에서는 이메일 주소의 유효성을 검사하는 정규표현식이다.

const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;

function validateEmail(email){
	return emailRegex.test(email);
}

//사용 예시
console.log(validateEmail("example@example.com")); //true
console.log(validateEmail("invalid-email"));       //false
console.log(validateEmail("another@example"));     //false

위의 예제에서는 "emailRegex"라는 변수에 정규표현식 패턴을 할당하고, "validateEmail"함수를 사용하여 이메일 주소를 검증한다. 이메일 주소가 패턴에 맞는지 확인하기 위해 test()메소드를 사용한다.

 

이메일 정규표현식의 패턴 /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/에 대해서 살펴보겠다.

• ^
  입력의 시작을 나타낸다.
• [a-zA-Z0-9._%+-]
  이메일 주소의 로컬 부분이다. 알파벳(대소문자 구분), 숫자, 밑줄( _ ), 마침표( , ), 퍼센트 ( % ),플러스( + ),대시( - )문자가 하나 이상 포함되어야 한다.
• @
  이메일 주소의 로컬 부분과 도메인 부분을 구분하는 기호이다.
• [a-zA-Z0-9.-]
  이메일 주소의 도메인 부분이다. 알파벳 (대소문자 구분), 숫자, 마침표( . ),대시( - )문자가 하나 이상 포함되어야 한다.
• \.
  도메인 부분과 TLD(top-level domain)를 구분하는 마침표( . )이다. 이스케이프 문자( \ )를 사용하여 마침표를 일반 문자로 인식하도록 한다.
• [a-zA-Z]{2,}
  TLD부분이다. 알파벳(대소문자 구분)이 두 글자 이상이어야 한다.
• $
  입력의 끝을 나타낸다.

이 예제에서는 이메일 주소의 유효성을 간단히 검증하는 것이므로 모든 가능한 유효한 이메일 주소를 커버하지는 않는다. 하지만 대부분의 일반적인 유요한 이메일 주소에 대해서는 작동하는 예시이다.

이 예제를 사용하여 입력된 이메일 주소가 유효한지 여부를 확인할 수 있다. "validateEmail"함수는 이메일 주소를 입력으로 받고, 유효한 이메일이면 "true"를 반환하고, 그렇지 않으면 "false"를 반환한다.

 

이처럼 Javascritp의 정규표현식을 사용하여 이메일 주소를 검증할 수 있다.