<aside>
💡 Goal : 로그인/회원가입 기능 추가하기
</aside>
- 지금까지 배운 내용을 활용하여 나만의 React App 을 만들어봅시다.
- 레벨 4에서는 로그인, 회원가입 기능을 만들고 5에서 원하는 추가기능을 붙여 볼 거에요!
<aside>
⚙ features : 구현해야 할 기능이에요.
</aside>
- 로그인, 회원가입 페이지를 각각 구현합니다.
- 아이디와 비밀번호가 모두 입력되지 않으면, API 요청을 보내지 않도록 합니다.
- 서버의 에러를
alert
또는 직접 만든 모달 등을 통해 유저에게 표시합니다.
- id가 중복된 경우
- 존재하지 않는 아이디를 입력한 경우
- 비밀번호가 잘못된 경우
- JWT의 유효시간이 만료된 경우, 유저에게 재로그인을 할 것을 표시합니다.
- 로그인을 하지 않은 경우에는
로그인/회원가입
페이지만 접근 가능합니다.
- 로그인을 이미 한 경우
로그인/회원가입
페이지는 접근 할 수 없습니다.
- 로그아웃 기능을 구현합니다.
참고사항
<aside>
📄 References: 과제에 참고할 가이드
</aside>
<aside>
❓ FAQ: 자주 묻는 질문
</aside>