1. 로그인 페이지 (”/login”)
- 사용자가 로그인 폼을 입력해서 로그인 합니다
- '로고'를 클릭하면 “/” 페이지로 이동합니다
- '회원가입하기' 링크를 클릭하면 “/signup” 페이지로 이동합니다
- 유효한 이메일과 비밀번호를 입력하면 ‘로그인’ 버튼이 활성화 됩니다
- 유효한 이메일과 비밀번호를 입력하고 '로그인' 버튼을 클릭하면 “/mydashboard” 페이지로 이동합니다
- 비밀번호가 틀릴 경우 “비밀번호가 일치하지 않습니다.”라는 경고 모달이 나옵니다
- 모달 확인 버튼을 클릭하면 로그인 페이지 상태로 복귀합니다
- 눈 모양 아이콘을 클릭하면 비밀번호를 숨기거나 나타납니다
- 이메일 input에서 focus out 시, 값이 이메일 형식이 아닐 경우 빨간색 테두리와 아래에 “이메일 형식으로 작성해 주세요.”라는 빨간색 에러 메시지가 나옵니다
- 비밀번호 input에서 focus out 시, 비밀번호 길이가 8자 미만일 경우 빨간색 테두리와 아래에 “8자 이상 작성해 주세요.”라는 빨간색 에러 메시지가 나옵니다
- 로그인 성공 시 엑세스 토큰을 발급하고 로그인 상태를 유지 시킵니다


2. 회원 가입 페이지 (”/signup”)
- '로고'를 클릭하면 “/” 페이지로 이동합니다
- '로그인하기' 링크를 클릭하면 “/login” 페이지로 이동합니다
- 닉네임 input에서 focus out 시, 값이 열 자 이하가 아닐 경우 빨간색 테두리와 아래에 ‘열 자 이하로 작성해주세요.’라는 빨간색 에러 메시지를 보입니다