페이지 별 정리 (1)

• • Drag.jsx 사용 컴포넌트 (TextBox, ImageBox, postIt) - 한슬

페이지 별 기능 정리 - 공통 기능 제외

• ✨✨✨✨작성 규칙✨✨✨✨

/login

user의 액션 :

• 계정이 있을 경우
  • AuthInputbox 에 ID, PW 입력 → Login button 클릭 → 가장 최근 작성된 /post/{id} 로
• 계정이 없을 경우
  • I don’t have account AuthLink 클릭 → /register 페이지로 리다이렉션
• PW 까먹었을 경우
  • I forgot my password AuthLink 클릭 → /reset-password 페이지로 리다이렉션

필요한 기능

• 로컬스토리지
  • 로그인에 성공한 id 값 저장
• 유저 로그인 처리 - 유저의 입력값과 DB에 저장된 정보 비교
  • 입력받은 아이디와 비밀번호를 user DB의 내용과 확인
    • 틀렸다면 로그인에 실패했다는 글자 표시 (css class - AuthMessage), 성공했으면 가장 최근 작성한 user의 post로 리다이렉션
  • 로그인 실패 시 AuthInputbox 의 스타일 변경

공통 기능 및 컴포넌트

Button , AuthInputbox

/register

user의 액션 :