화면 레이아웃 (큰 틀만 잡아둠)

• 로그인

  • [x] 로고
  • [x] input(닉네임, 비밀번호)
  • [x] 버튼

• 회원가입

  • [x] input
  • [x] 버튼

화면 마크업 (세세한 것까지)

• 로그인

  • [ ] 로고 이미지 작업
  • [x] input 상태별 전환
    • [x] nomal(기본 화면)
    • [x] focus(입력창 포커스)
    • [x] warning(입력 정보 오류)
  • [x] input data 관리
  • [x] validate 체크
  • [ ] api 연동
    • [ ] request 전달
    • [ ] response별 화면 전환 및 동작 구현

• 회원가입

  • [x] input 상태별 전환
    • [x] nomal(기본 화면)
    • [x] focus(입력창 포커스)
    • [x] warning(입력 정보 오류)
  • [x] input data 관리
  • [ ] validate 체크
  • [ ] api 연동
    • [ ] request 전달
    • [ ] response별 화면 전환 및 동작 구현

화면 디자인 (이미지파일 등)

• 로그인
  • [ ] 로고

• 회원가입
  • 특이사항 없음(?)

화면 전환

• 로그인

  • [x] 비밀번호 찾기 => /user/findPassword
  • [x] 회원가입 => /user/signUp
  • [ ] 로그인 => /main/sea

• 회원가입

  • [ ] 로그인 => /user/signIn

데이터 입력 validate (React-hook-form + yup)

• 로그인

  • [ ] 닉네임 : validate 없음
  • [ ] 비밀번호 : validate 없음

• 회원가입

  • [ ] 닉네임 : 중복 체크
  • [ ] 비밀번호 : validate 없음
  • [ ] 비밀번호 확인 : 비밀번호와 동일해야 함

미구현 페이지

• 비밀번호 확인
• 새 비밀번호
• 비밀번호 찾기