회원가입 API 구현 로직 질문

Question

안녕하세요. 회원가입 API 설계를 하며 궁금한 사항이 있어서 질문 드립니다.요구사항회원가입 시 첫 페이지에서 id, pw를 입력하고,다음 페이지에서 기타 정보(프로필 이미지, 주소 등)를 입력합니다.첫 페이지에서 유효성 검사를 통과하지 못하면, 다음 페이지로 넘어가지 못합니다.개발 방법팀원에 따르면 아래와 같이 개발한다고 합니다.첫 페이지 다음 버튼 누름) id, pw 입력 API 호출 -> User 엔티티에 id, pw 넣고 나머지 필드 null두 번째 페이지 회원 가입 버튼 누름) 기타 정보 입력 API 호출 -> User 엔티티 null이었던 필드값 채우기고민 사항유효성 검사를 페이지별로 처리해줘야 한다는 점에서 API가 2개 필요한 것 같기도 합니다.첫 페이지 유효성 검사는 프론트에게 맡길까 생각을 해보았는데이메일 중복 검사 때문에 불가능할 것 같습니다.그런데 정보 입력 처리를 위해 회원 가입 API를 2개로 분류한 케이스를 잘 못 봤어서 어색한 느낌도 드네요.위처럼 회원가입이 여러 페이지로 구성되어 있고, 각 페이지별로 유효성 검사를 할 때 보통 어떻게 개발을 하는지 알고 싶습니다.

코딩냠 · Answer

저도 초보인데, 다음을 눌렀을때 페이지 전환하지 않고 css로 넘기고 마지막장에서 회원가입할때만 api전달했습니다

더미 · Answer

이메일 중복검사는 별도로 필요합니다

Henu · Answer

이 부분은 기획 의도도 생각을 해봐야 할 것 같네요.기획 의도가 '회원가입에 대한 유효성 검사는 마지막에 한번 진행한다.'라면 '다음' 버튼 클릭에 대한 화면 전환만 프론트엔트 파트에서 처리하면 되겠지만, 반대로 '유효성 검사를 화면마다 진행한다.'라면 작성자분께서 현재 구성한 유효성 검사 단계가 맞다라고 봅니다.저도 작성자분과 같은 화면을 구성해본 경험이 있었는데, 처음에는 유효성 검사를 한번에 처리했다가 첫 번째 페이지에 있는 입력 항목에 대한 유효성 검사가 실패했을 때 두 번째 페이지에서 다시 첫 번째 페이지로 되돌아가 에러메시지를 표기해주는 방법이 꽤 까다뤄워서 단계별로 유효성 검사를 진행하도록 바꿨던 적이 있네요.

눈맞는뉴비 · Answer

첫번째 페이지에서 아이디와 패스워드를 입력하고 다음 이라는 버튼 클릭하면 프론트에서는 아이디 형식이 맞는지, 비밀번호가 몇글자 이상이 되는지 같은 유효성 검사하고 api 보내서 중복된 아이디가 있는지, 유효성 체크 한번 더 하고 그 결과 리턴해주고1을 통과하면 프론트에서 1데이터를 갖고있는 상태에서 2데이터까지 한번에 모은다음 회원가입버튼 누르면 나머지 데이터 유효성 검사 한번 더 하고 가입api로 데이터 보내서 검사 한번 더 하고 가입처리 하면 되지 않을까요?

회원가입 API 구현 로직 질문

4개의 답변

기술 목록