유효성검사 2

1-15. react 회원가입 중복체크 버튼

1. 회원가입 화면 ​ 2. 아이디 중복체크 버튼 추가 ​ 3. 체크버튼의 function 기능 코드 input 박스에서 데이터를 입력 받은 후 입력 형식이 이메일형식에 맞지 않으면 false 값을 반환하여 이멜일 형식을 맞춰햐 하며 이메일 형식에 맞을 떄 true값을 반환 - 이 부분에서는 상태를 체크하는 변수를 추가할지 고민했지만 어자피 isId가 false 값을 가지고 있기 때문에 추가하지않았음 추후 문제발생시 추가 "ID 중복체크를 부탁드립니다" 라는 멘트가 나오면 중복체크버튼을 클릭하여 ID가 중복인지 검색한다 중복이 없을 경우 true, 있을경우 false 데이터를 가져와 isId를 값을 변경해준다 ​ ​ 4. server.js 의 ID중복체크 후 결과값 반환 ​ ​ 5. 회원가입 버튼 클릭시..

1-14. react 회원가입 유효성검사

화면 ​ 오류메세지, 유효성 검사 추가 ​ 아이디 ​ 비밀번호 ​ 비밀번호 확인 ​ 이름 ​ 휴대폰 번호 ​ submit (간소하게 줄이고 싶은 부분) ​ ​ 출력 ​ ​ 전체 소스 코드 import "./SignUp.css" import { Link, useNavigate} from "react-router-dom"; import React, {useState} from "react"; import API from "../API"; export default function SignUp(){ const navigate = useNavigate(); //Main Page 이동 //초기값 세팅 - 아아디(이메일), 패스워드, 패스워드확인, 이름, 전화번호, 닉네임 const [Id, setId] = use..