React에서 이메일 아이디 형식을 체크하는 정규식 코드는 다음과 같습니다.
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
// 이메일 유효성 검사 함수
const validateEmail = (email) => {
return emailRegex.test(email);
}
// 사용 예시
const email = "example@example.com";
const isValidEmail = validateEmail(email);
if (isValidEmail) {
console.log("올바른 이메일 형식입니다.");
} else {
console.log("잘못된 이메일 형식입니다.");
}
위 코드에서 emailRegex
는 이메일 주소의 형식을 나타내는 정규식입니다. 정규식은 /.../
으로 묶여 있으며, ^
는 문자열의 시작을 나타내고, $
는 문자열의 끝을 나타냅니다. [^\s@]+
는 공백이나 @
가 아닌 문자열이 1개 이상 있는 것을 의미하고, \.
는 .
문자를 나타냅니다.
위 코드에서 validateEmail
함수는 이메일 주소가 유효한지 검사합니다. test
함수를 사용하여 emailRegex
와 일치하는지 확인합니다. isValidEmail
변수에 결과를 저장하고, 이를 사용하여 이메일 주소의 유효성을 판단할 수 있습니다.