Feat[#203] : 회원가입페이지 api 연결

[grapefruit13]

관련 문서

• issue: Feat: 로그인, 회원가입 페이지 api 연동 #203
• close Feat: 로그인, 회원가입 페이지 api 연동 #203

유형

• 기능 구현
• UI 구현
• 리팩토링
• 버그 해결
• 문서 업데이트
• 기타( )

작업 내용

설명

📌 기능

1️⃣ useAuth.ts

• 기존 useSignin.ts 를 useAuth.ts로 변경하고, 그 안에 useSignin 훅과 useSignup 훅을 담았습니다.
• useMutation을 사용하여, mutate 사용시 onSuccess와 onError로 예외처리를 할 수 있도록 했습니다.

2️⃣ SignupForm/index.tsx

• onSubmit에 useSignup의 mutate를 사용했습니다.
• 회원가입 성공시 성공 모달을 보여주고, 성공 모달을 닫으면 로그인 페이지로 이동시킵니다.
• 회원가입 실패시 에러 통신코드에 따른 실패 모달을 보여줍니다.
• 중복 이메일일때의 에러 코드는 409이고, 잘못된 body 값일 때의 에러코드는 400입니다.

3️⃣ pages/signup/index.tsx

• getServerSideProps에서 엑세스토큰을 확인 후, 엑세스토큰이 있으면(로그인 상태면) 롤 게시판으로 리다이렉트 시킵니다.

🎥 모션 영상

📸 디바이스별 스크린샷

[CheeseB]

LGTM

[ccwnc]

LGTM