[위코드] TIL(Today I am Learned) -(44)(이메일 정규식?)

- 오늘 해야할 일

인턴 마지막 주에 따른 여태껏 해놓은 결과물 발표.

그후에 따른 코드 수정에 따른 내용수정.

(패스워드 체크칸 만들고 확인 기능 추가)

(이메일 주소에 따른 이메일 주소 확인 기능 추가)

- 오늘 수정사항

회원 가입에 예전에 고쳐놓은 글씨가 왜인지 고쳐지지 않았음. 이부분 재수정

패스워드 플레이스 홀더 부분이 password => Password로 변경

리캡차 제거

footer 링크 리스트 수정, 로고 수정

- 오늘 진행사항

이상 끝.

- 오늘의 코드

useEffect(() => {
	const emailValid = validator;
    	const isEmailDetector = emailValid.validate(userInfo.email);
    	const isEmail = userInfo.email.length === 0;
        if (isEmailDetector) {
        setHonest("first");
      } else if (!isEmailDetector) {
        if (isEmail) {
          setHonest("third");
        } else {
          setHonest("second");
        }
      }
 })

이메일의 유효성을 검사해주는 라이브러리이다.

www.npmjs.com/package/email-validator

email-validator

여태껏 이게 있는 줄 모르고 4글자 이상 @포함 이런 조건이었는데,

원래는 정규식을 쓰려고 했지만, 사이트마다 작성하는 것이 다르기도하고,

차라리 검증된 주소 확인하는 라이브러리 사용을 추천하길래 라이브러리를 통해 사용하였다.

이걸 쓰니 그냥 자동으로 이메일 주소를 체크해서 해당 이메일 주소를 걸러준다. 야호~~!

이메일 인증도 되면 좋겠지만, 그런기능은 추가하지 않았다.

 

오늘 실기능을 구현했는데, 만족해하는 것 같았다.