[💌 FEATURE REQUEST] 유저 인가/인증 API를 적용한다

[JengYoung]

멈춰! 🖐🏻 잠시 체크 들어갑니다~

• [X] 다음 페이지에서 중복되지 않음을 확인했어요. 🙆🏻
• [X] 다른 분들께서 허락해주신다면, 제가 구현해보고 싶어요! 🙆🏻‍♀️

배경 및 설명

유저 인가/인증 API가 어느정도 구현되고 있어, 이제 슬슬 본격적으로 웹 앱에 추가할 때가 됐다.

• 로그인에서는 유저의 인증 처리를,
• 각 페이지마다 유저의 유효성 검토를 통한 인가처리를,
• 나아가 react-query를 적용하여 API에 대한 메모리 상에서의 캐싱을 적용한다.

기대결과

1. <로그인 페이지>에서는 유저의 인증 절차를 거쳐 성공/실패에 따른 결과를 처리한다.
2. <마이페이지>나 <Template 생성 페이지>에서는 유저의 인가에 따른 유효성 검증을 처리한다.
3. <회원가입 페이지>는 유저의 인증이 되지 않은 상황에서만 가능하도록 처리한다. 그렇지 않다면 직전 페이지로 리다이렉트를 적용한다.(#48)

아직까지는 MVP이기 때문에, 유저의 유효성을 처리할 만한 페이지가 많이 없기에 이 정도면 충분하지 않을까 싶다.

대안 제시

No response

참고자료

회원가입 로직에 관해서는 기존에 생성했던, 다음 이슈를 참조해도 좋을 듯하다.

48