[JS] 이메일 유효성 검사 (정규표현식)

oauch·2023년 9월 27일
0

프론트엔드 공부

목록 보기
3/13
post-custom-banner
function emailCheck(email) {
  var pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
  return pattern.test(email);
}
  • 무작정 사용하긴 했다.
  • pattern에서 저 악마😈 같은 표현은 무엇일까?

🧩 정규표현식 (Regular Expression: Regex)

  • 정규식 표현식을 내 멋대로 해석하자면 정해져 있는 규칙 이라고 해석했다.
  • 구글링 결과 : "특정 패턴의 문자열"을 찾기 위한 표현 방식

얼추 맞았다
특정 패턴의 문자열 = 정해져 있는 규칙

한 부분씩 분해 해보자
(더하기는 모두 문자열 더하기로 해석)

/^[a-zA-Z0-9._-]

  • 소문자, 대문자, 숫자, . _ -로 시작

@[a-zA-Z0-9.-]

  • @ 다음에 위와 동일

\.[a-zA-Z]{2,}$/

  • .
  • 소문자 혹은 대문자로 끝나며, 갯수는 최소 2개이상

📌 .test 메소드

  • 문자열(email)이 정규표현식(pattern)과 일치하면 true
  • 그렇지 않으면 false

정규 표현식은 어느 프로그래밍 언어에서나 존재하지만, 더 깊게는 공부한적이 없다.
(왜냐면 구글링하면 되니까)
프론트엔드에서는 더욱 많이 쓰일꺼 같아서 공부해봤습니다.

profile
해보고 싶은거 하기
post-custom-banner

0개의 댓글