이메일 유효성 검사 함수

사이트에서 이메일 값을 입력하는 부분에서 사용하기 좋은 함수

 

Input에 type='email' 사용해서 검사해도 괜찮지만 서버에 데이터를 전송하기까지 데이터값을 의심해야한다고 생각함.

그러므로 클라이언트에 데이터를 받고 서버 전송 전 또 한 번의 검사를 해줘야함.

물론 서버에서도 검사를 해줘야함,,!! 디비에 정상 데이터를 저장해야하니깐..!!

 

신입때 부장님이 많이 했던 잔소리(?)가 데이터를 의심해라 였음..

 

const isValidEmail = (email) => {
    const pattern = /^[\w.-]+@[a-zA-Z\d.-]+.[a-zA-Z]{2,}$/;
    return pattern.test(email);
}

 

- 화살표 함수 방식 사용

- 'email'이라는 매개변수

- const pattern = /^[\w\.-]+@[a-zA-Z\d\.-]+\.[a-zA-Z]{2,}$/;

 -> 이메일 주소의 패턴을 정의 ( 정규 표현식(regular expression)을 사용 )

 -> 한 개 이상의 단어 문자, 점, 또는 하이픈 다음에 '@' 기호, 그 다음에 한 개 이상의 알파벳, 숫자, 점, 또는 하이픈, 그리고 마지막으로 점과 두 개 이상의 알파벳으로 이루어진 문자열.

- return pattern.test(email);

 -> 'test' 메소드를 사용하여 'email'이 정의한 패턴에 맞는지 검사

 

* test 메소드

- 주어진 문자열이 정규 표현식에 맞으면 'true'를, 그렇지 않으면 'false'를 반환

 

isValidEmail('test@example.com');

// 결과 = 'true'

 

 

=> 이 함수는 'email'이 유효한 이메일 형식이면 'true'를, 그렇지 않으면 'false'를 반환