꼼꼼히 생각하면 구현할 것이 많다.

얼마 전 회원가입 기능을 개발했다.

프로젝트하면서 항상 구현했던 기능이라서 쉽게 구현할 수 있을 줄 알았는데 생각보다 오래 걸렸다.

이메일 인증을 한 후에, 비밀번호/ 비밀번호 재입력을 하고, 몇몇 동의사항에 체크한 후에 회원가입하는 기능이었다.

 

소소하게 고려할 것이 많았다.

- api 요청하는 버튼이 클릭된 후에, 응답이 오기 전까지 disabled 처리하기. 스피너 같은 거 보여주기.

- 필수 입력 값이 입력되지 않으면, 버튼 disabled 처리하기

- 이메일 인증 후에도 인증번호를 바꿀 수 있게 했는데, 그러면 서버에 바뀐 인증번호를 보내서 문제가 됐다. 이메일 인증 후에는 인증번호를 읽을 수만 있게 하기

- 이메일 인증 후에 이메일이 바뀌면, (인증 되어서 읽기만 가능했던) 인증번호 입력을 할 수 있게 하기

- 회원가입 api를 요청했는데 문제가 있는 필드가 있으면, 알럿 메시지와 더불어서, 해당 필드에 표시하기(빨간 테두리/에러 메시지 등)

- 인증 번호 타이머 기능

- 마우스 올라갔을 때, 그냥 있을 때, 못 누를 때 색상 같은 거 잘 고려해야 함!

 

 

쉽게 생각하지 말고, 꼼꼼히 고려해야지..

기획자, 디자이너, 동료 개발자 분들과 함께...