로그인 회원가입

생성일
2025/01/31 06:45
태그

화면 이미지

배경

회원가입시 등록한 이메일과 비밀번호로 로그인을 할 수 있습니다.

구현한 기능

BE
1.
이메일, 비밀번호 입력하면 Access, Refresh 토큰이 생성되며 로그인됩니다.
2.
기존 Refresh 토큰이 있는 경우 업데이트, 없으면 새로 저장됩니다. 이를 통해 중복 로그인(기기 변동과 같은 상황)이나 로그인을 한 상태에서 서비스를 종료해도 다음 로그인이 유지됩니다.
3.
Refresh 토큰으로 Access 토큰을 갱신하여 로그인이 15일간 유지되도록 했습니다.
4.
비밀번호는 암호화되어 처리됩니다.
FE
1.
로그인시 이메일과 비밀번호를 axios를 통해 서버로 보냅니다
2.
보내고 나서 받은 정보들은 zustand persist를 통해 전역변수로써 저장을 시키고, 새로고침 시에도 유지하게 합니다
3.
이메일이나 비밀번호중 에러가 발생시(ex.존재하는 이메일, 형식에 맞지 않는 입력값, 빈칸), 에러 메세지가 표시됩니다.

추가적으로 구현하고 싶은 기능(아쉬운 점?)

이메일 인증을 통한 비밀번호 찾기