문제

input 입력후 커서를 밖으로 이동하면 다른 input 에러메시지가 뜨는 문제

원인: validateForm 유효성 검사 함수가 모든 필드를 한번에 검사하기 때문
유효성검사는 각 입력 필드를 입력할 때 각 필드별로 실시간으로 검사하여 피드백을 주는게 좋음

해결:

• validateForm 함수를 validateField 함수로 대체하여 각 필드를 개별적으로 검사

input 입력 안된 상태 & 유효성검사 통과 못한 상태에서 disabled 상태여야하는 회원가입 버튼 -비활성화 안됨

해결: disabled 속성 대신에 회원가입 버튼 위에서만 나올 errorGeneral 메시지 상태 따로 만듦

각 중복 확인 함수(idCheck, emailCheck, nicknameCheck)도 해당 필드의 유효성을 먼저 검사한 후 API 요청을 보내도록 수정하기

⇒
각 중복 확인 함수(idCheck, emailCheck, nicknameCheck)에 해당 필드의 유효성 검사 로직을 추가