![]()
오늘은 이메일 인증번호 컴포넌트 및 타이머를 구현할 것이다. [React Native] 회원 가입 시 이메일 유효성 검사 및 검증 여부에 따른 메세지 보여주기 오늘은 위 사진과 같이 총 4가지를 개발해 보았다. 1. 이메일 유효성 검증 2. 검증 여부에 따른 메세지 , 메세지 색상 및 아이콘 표시 3. 이메일 유효성 검증이 완료되어야 버튼 활성화 4. 이메일 중 k-oyun.tistory.com 위 링크에서처럼 이메일 유효성 검증과 중복확인이 끝나면 이메일 인증 컴포넌트가 나타나도록 구현해 보겠다. 1. 인증번호 확인 및 메세지 저장을 위한 state를 작성한다. //text input이 눌렸는지 const [verifyIsPress, setVerifyIsPress] = useState(false); /..
![]()
오늘은 위 사진과 같이 총 4가지를 개발해 보았다. 1. 이메일 유효성 검증 2. 검증 여부에 따른 메세지 , 메세지 색상 및 아이콘 표시 3. 이메일 유효성 검증이 완료되어야 버튼 활성화 4. 이메일 중복 확인 및 중복 확인에 따른 메세지, 메세지 색상 및 아이콘 표시 1. 이메일 유효성 검사 및 메세지 저장을 위한 state를 작성한다. // 입력 받는 이메일 저장 const [email, setEmail] = useState(''); // text input이 눌렸는지 const [EmailisPress, setEmailIsPress] = useState(false); // 이메일 validation 검증 const [isEmailCheck, setIsEmailCheck] = useState(fal..
