[🍎 강의정리] 정규식으로 이메일 검증

문자를 검색하기 위한 방법

'문자'.includes('찾을 단어')

문자 뒤에 .include()를 붙여서 검사해볼 수 있다.
그러나 단점도 존재함

• 한글이나 영어가 들어있는지에 대한 확인 불가
• 특정 글자로 끝나는거 확인 불가
• . 다음에 특정 글자가 오는지 확인 불가

그래서 정규표현식(regular expression)을 사용해 준다.

정규표현식(regular expression)

문자를 검사하고 싶을 때 사용하는 식
만약 'abc'라는 단어가 abcdef에 들어있는지에 대한 여부를 알고 싶으면

/abc/.test('abcdef')

이렇게 /정규식/.test(검사해볼문자)를 사용할 수 있음

자주 사용되는 정규식 문법

[ ] : 문자 범위의 지정이 가능

[a-d].test('add') // true

[a-zA-z] : 아무 알파벳 하나를 뜻함
[ㄱ-ㅎ가-힣-ㅏ-ㅣ] : 아무 한글 하나를 뜻함

/[a-zA-Z]/.test('안녕')  //false
/[a-zA-Z]/.test('안녕a') //true
/[ㄱ-ㅎ가-힣ㅏ-ㅣ]/.test('안녕')  //true

\S: 특수문자 포함 아무문자 1개

/\S/.test('qwer')   //true  

^(검사할문자): 검사할문자로 시작하는지 확인
(검사할문자)$ : 검사할 문자로 끝나는지 확인

/^a/.test('abcde')   //true
/e$/.test('abcde') //true  

| : or 기호. 둘 중 하나만 존재해도 true

/(c|z)/.test('abcde')   //true

(특정글자)+ : + 이후에 오는 글자들도 특정글자와 일치하는지 반복 확인

/a+/

이것을 활용하여

/\S+d/

모든문자 여러개 뒤 d가 오는 것을 찾을 수 있음
ex) weqlkfwnld

이메일 정규식

/\S+@\S+\.\S+/

벨로그 글쓸 때와 마찬가지로 .도 백슬래시를 앞에 붙여줘서 마침표 문법과 구분시켜줌

이렇게 끝날줄 알았으나 로그인 창에서 한번 로그인한 아이디가 아래 고대로 뜨는것을 발견했다
검색찬스를 써서 autocomplete = "off"를 사용

출처 : https://codingapple.com/