Skip to content

2JAVATAYO 페이지 별 기능

Hyevvy edited this page Jul 26, 2022 · 23 revisions

HOME

  • 작성된 post를 카드로 보여줌니다.
  • 필터로 전체, 프론트, 백, IOS, 디자이너, AI로 필터됨니다.
  • 각 post 카드클릭 시 해당 detail페이지로 이동됨니다.
  • 로그인 시 하트를 클릭 하면 해당 post에 like를 할 수 있습니다.
  • 기본적으로 10개를 보여주고 더보기를 클릭할 경우 10개씩 카드가 추가로 보여지게 됨니다.

SEARCH

  • 해더의 검색창에 검색을 할 경우, 해당 검색어에대한 post를 카드로 보여줌니다.
  • 검색된 post를 필터로 전체, 프론트, 백, IOS, 디자이너, AI 로 필터할 수있습니다.
  • 기본적으로 10개를 보여주고 더보기를 클릭할 경우 10개씩 카드가 추가로 보여지게 됨니다.

DETAIL

  • 사용자는 게시물의 내용을 조회할 수 있습니다.

    • 상단부 : 제목, 좋아요, 작성자, 게시물 업데이트 일자
    • 요약부 : 모집분야, 모집인원, 연락 방법, 진행 방식, 시작 예정, 예상 기간, 기술 스택 아이콘
    • 프로젝트 소개 : 소개글
    • 하단부 : 댓글 작성 영역, 댓글 조회 영역
  • 사용자는 조회된 게시물에 "좋아요" 및 "좋아요 해제"를 할 수 있습니다.

  • 게시물 작성자는 해당 게시물에 대한 수정/삭제를 할 수 있습니다.

    • "수정" 버튼 클릭 시 수정 페이지로 이동
    • "삭제" 버튼 클릭 시 경고 Confirm이 뜨며 "확인"을 누를 경우 해당 게시물이 삭제된 후 메인 페이지로 이동합니다.
  • 인증된 사용자는 조회된 게시물에 댓글을 남길 수 있습니다.

    • "등록" 버튼 클릭 시 경고 Confirm이 뜨며 "확인"을 누를 경우 작성한 내용이 현재 보고있는 게시물의 댓글로 등록됩니다.
  • 댓글 작성자는 해당 댓글에 대한 삭제를 할 수 있습니다.

    • "댓글삭제"를 클릭 시 경고 Confirm이 뜨며 "확인"을 누를 경우 해당 댓글이 삭제됩니다.

CREATE

  • 사용자는 게시물을 작성할 수 있습니다

    • 제목
    • 이메일
    • 예상 시작일
    • 예상 기간
    • 진행 방식
    • 모집분야별 모집인원, 요구 기술스택
    • 소개
    • 대표 이미지
  • 사용자는 글 작성시 다음과 같은 경우에 validation을 통과하지못하고, 이때 alert 와 focus를 통해 안내를 받을 수 있습니다.

    • 제목을 입력하지 않은 경우
    • 이메일을 입력하지 않은 경우
    • 이메일 타입이 아닌 경우
    • 소개가 5글자 미만인 경우
  • 사용자는 글 작성이 완료되면 메인페이지로 이동됩니다.

    • 이 때, 모집분야별로 게시글 하나씩 등록됩니다. (ex: 모집분야가 프론트, 백이면 같은 내용으로 모집분야만 다르게 프론트 1, 백 1 게시글 생성됨)

EDIT

  • 사용자는 게시글을 수정할 수 있습니다.

    • 사용자는 이미지를 삭제할 수 있습니다.
    • 사용자는 이미지를 추가할 수 있습니다.
  • 사용자는 수정이 완료되면 해당 상세페이지로 이동됩니다.

SIGN IN

  • 사용자는 로고 클릭 시 메인 페이지로 이동할 수 있습니다.
  • 사용자는 유효한 이메일과, 비밀번호로 로그인 할 수 있습니다.
    • 이메일: 이메일 형식이여야 합니다.
    • 비밀번호: 숫자, 영문자로 이루어진 6~12자리여야 합니다.
  • 로그인 성공 시, 로그인 되니 상태로 메인 페이지로 이동합니다.
  • 로그인 실패 시, "이메일이나 비밀번호를 확인해주세요"라는 경고창이 뜹니다.

SIGN UP

PROFILE

  • 사용자는 자신이 작성한 글의 목록을 확인할 수 있으며 작성한 글의 상세 페이지로 이동할 수 있습니다.
  • 사용자는 자신이 좋아요 한 글의 목록을 확인할 수 있으며 좋아요 한 글의 상세 페이지로 이동할 수 있습니다.
  • 사용자는 닉네임 변경을 할 수 있습니다.
  • 사용자는 비밀번호 변경을 할 수 있습니다.
  • 사용자는 프로필 이미지를 설정할 수 있습니다.
  • 사용자는 커버 이미지를 설정할 수 있습니다.
  • 사용자는 다른 사용자의 프로필 페이지에서 팔로우를 할 수 있습니다.
  • 사용자는 다른 사용자의 프로필 페이지에서 팔로우 취소를 할 수 있습니다.