개발 우선순위 목록

페이지 개발 내용 우선 순위 (major, minor)
랜딩 페이지 1. 페이지 구현 (컴포넌트 구현) major
2. 로그인 페이지 이동 버튼 major
3. 디자인 입히기 minor
로그인 페이지 1. 페이지 구현 (컴포넌트 구현) major
2. 유효성 검사 (javascript) major
3. 유효성 검사 (jwt) minor
회원가입 페이지 1. 페이지 구현 (컴포넌트 구현) major
2. 회원가입 인증 (javascript) major
2. 회원가입 인증 (jwt) major
메인 페이지 1. 페이지 구현 (컴포넌트 구현) major
2. 디자인 입히기 minor
세부 페이지 1. 페이지 구현 (컴포넌트 구현) major
2. 외부 링크 이동 major
3. 디자인 입히기 minor

2022.10.27 기준 최신 내용:

  1. 로그인/회원가입 페이지: JWT 방식으로 진행
  2. 세부 페이지: 크롤링이 아닌 외부 링크 업로드 형식으로 변경

플로우차트

Screen Shot 2022-10-24 at 11.48.33 PM.png


와이어프레임

랜딩페이지

Untitled (5).png

  1. 페이지 메인 타이틀
  2. 페이지 일러스트
  3. 로그인 페이지
    1. 클릭 시 로그인 페이지로 이동합니다.

로그인 페이지

Untitled (1).png

  1. 로그인 페이지 메인 타이틀
  2. 이메일 입력 인풋필드
    1. “@”, “.” 가 포함되어 있지 않은 경우 오류 메세지가 생성됩니다.
    2. ex. “유효하지 않은 이메일 형식입니다.”
  3. 비밀번호 입력 인풋필드
    1. 인풋필드 타입은 password 입니다. <input type=”password”>
  4. 로그인 버튼
    1. 이메일이나 비밀번호가 틀릴 경우 오류 메세지가 생성됩니다.
    2. ex. “이메일 혹은 비밀번호가 맞지 않습니다.”
    3. 문제가 없다면 메인페이지로 이동합니다.
  5. 회원가입 페이지 이동 버튼
    1. 회원가입 페이지로 이동할 수 있는 버튼입니다.
    2. 텍스트버튼 형식입니다.
    3. 클릭 시 회원 가입 페이지로 이동합니다.

회원가입 페이지

Untitled (2).png

  1. 회원 가입 페이지 메인 타이틀
  2. 이메일 입력 인풋필드
    1. “@”, “.” 가 포함되어 있지 않은 경우 오류 메세지가 생성됩니다.
    2. ex. “유효하지 않은 이메일 형식입니다.”
  3. 비밀번호 입력 인풋필드
  4. 회원가입 버튼
  5. 로그인 페이지 이동 버튼

메인 페이지