ucharles / Comrade

일정 조율 웹 어플리케이션
1 stars 1 forks source link

#59 SignUp 페이지 API연결 및 에러 문구 표시 추가 #60

Closed yypp1226 closed 2 years ago

yypp1226 commented 2 years ago

SignUp.js

SignInSide.js

yypp1226 commented 2 years ago

response error message 표시.

(임시로 응답 에러메시지 구분해서 Input필드 포커스 효과 넣어놨습니다. (예:이미 있는 회원일 경우에는 Email 필드에 포커스) 에러메시지로 구분하고 있는데, 코드로 구분하는게 나을까요? 의견 부탁드립니다.)

ucharles commented 2 years ago

프론트에서 가능한한 유효성 검사를 하는 것이 좋을 것 같습니다. Sign up을 클릭하기 전에 확인이 가능해야 합니다.

백에서 이루어지는 유효성 검사는 DB에 데이터를 넣기 전에 행하는 최종 확인입니다. 프론트에서는 UX 관점으로 유저가 잘못된 값을 입력했다는 것을 알리기 위함입니다.


응답 에러메시지 구분해서 Input필드 포커스 효과 넣어놨습니다.

메시지로 구분하는 방법이 올바른 것 같습니다. 다만 백쪽에서 메시지 수정이 이루어질 경우 프론트 수정이 불가피하므로, 포커스보다 유저에게 어느 입력이 어떻게 잘못되었다는 것을 잘 알리는 것이 좋을 것 같습니다.