[Feat] 회원가입 및 로그인 UI/UX #14
Description
✨ Feature Request
🚀 새로운 기능 제안
회원가입 및 로그인 페이지를 만들어주세요.
💡 어떤 문제를 해결하나요?
- 회원가입과 로그인 폼을 만들어 사용자가 회원가입과 로그인을 할 수 있도록 합니다.
🎯 제안하는 기능
- 회원가입 페이지
- 로그인 페이지
- 로그인 응답으로 JWT 토큰이 헤더에 담겨 올 것인데 이를 브라우저의
local storage에 저장합니다.
📝 상세 기능 설명 (선택 사항)
회원가입 페이지
- 빈 칸이 없어야 요청을 보낼 수 있도록 합니다.
- 이메일 및 비밀번호 항목은 유효한 형식이어야 요청을 보낼 수 있도록 합니다.
- 서버 API 규격에 맞춰 제작합니다.
로그인 페이지
- 빈 칸이 없어야 요청을 보낼 수 있도록 합니다.
- 비밀번호 입력은
*로 나타나게 합니다(외부에 노출되지 않도록) - 서버 API 규격에 맞춰 제작합니다.
JWT 토큰
- JWT 토큰이 헤더에
Authorization: Brearer <token>형식으로 응답이 올 것입니다. - 이 응답을 브라우저의
local storage에 저장하고 추후 API 요청에 사용할 수 있도록 구현해주세요.
위는 local storage입니다. 저기에 저장되어 사용되어야 합니다.
✅ 예상 결과
- 사용자가 회원가입을 할 수 있습니다.
- 사용자가 로그인을 하고 토큰을 가지고 서버에 요청을 할 수 있습니다.
➕ 추가 정보 (선택 사항)
- JWT 토큰을 저장하는 방법을 고민해보세요.
- JWT 토큰이 어떤 방식으로 동작하는지 공부해보면 구현이 편해질 수 있습니다.