[1차 설계] 뉴-스피드 S.A

지인·2023년 6월 30일
0

프로젝트

목록 보기
6/17
post-custom-banner

🐰 7.8.9 New-Speed S.A


프로젝트명 [New Speed]

새로운 운동 정보를 그 어느 곳보다 빠르게 접할 수 있는 News Feed 페이지

  • 필수 구현 기능

    1. 회원가입, 로그인 기능 (CRUD) → JWT+SpringSecurity
    2. 회원들의 자유로운 정보공유 게시글 조회 및 쓰기 (CRUD)
  • 추가 구현 기능 (목표)

    1. 게시글 댓글 기능 (CRUD)
    2. 게시글 좋아요 기능
    3. 이메일 가입 및 인증


와이어 프레임

  • 메인 페이지

  • 로그인 페이지

  • 회원가입 페이지

  • 게시글 및 댓글 작성 페이지

  • 마이 페이지 (정보 수정)



ERD



API



역할

  • User Create → 회원가입


구현 기능

👉🏻 필수 구현 기능

  • 사용자 인증 기능
    • 회원가입 기능
      • 새로운 사용자가 ID와 비밀번호의 형태로 서비스에 가입할 수 있어야 합니다.
        • 이 때, 비밀번호는 안전하게 암호화되어 저장되어야 합니다!
    • 로그인 및 로그아웃 기능
      • 사용자는 자신의 계정으로 서비스에 로그인하고 로그아웃할 수 있어야 합니다.
  • 프로필 관리
    • 프로필 수정 기능
      • 이름, 한 줄 소개와 같은 기본적인 정보를 볼 수 있어야 하며 수정할 수 있어야 합니다.
      • 비밀번호 수정 시에는 비밀번호를 한 번 더 입력받는 과정이 필요합니다.
  • 게시물 CRUD 기능
    • 게시물 작성, 조회, 수정, 삭제 기능
      • 게시물 조회를 제외한 나머지 기능들은 전부 인가(Authorization) 개념이 적용되어야 하며 이는 JWT와 같은 토큰으로 검증이 되어야 할 것입니다.
      • 예컨대, 내가 작성한 글을 남이 삭제할 수는 없어야 하고 오로지 본인만 삭제할 수 있어야겠죠?
    • 게시물 작성, 수정, 삭제 시 새로고침 기능
      • 프론트엔드에서 게시물 작성, 수정 및 삭제를 할 때마다 조회 API를 다시 호출하여 자연스럽게 최신의 게시물 내용을 화면에 보여줄 수 있도록 해야 합니다!
  • 뉴스 피드 기능
    • 뉴스 피드 페이지
      • 사용자가 다른 사용자의 게시물을 한 눈에 볼 수 있는 뉴스 피드 페이지가 있어야 합니다.

👉🏻 추가 구현 기능

  • 댓글 CRUD 기능

    • 댓글 작성, 조회, 수정, 삭제 기능
      • 사용자는 게시물에 댓글을 작성할 수 있고 본인의 댓글은 수정 및 삭제를 할 수 있어야 합니다.
      • 또한, 게시물과 마찬가지로 댓글 조회를 제외한 나머지 기능들은 인가(Authorization)개념이 적용되어야 합니다.
    • 댓글 작성, 수정, 삭제 시 새로고침 기능
      • 프론트엔드에서 댓글 작성, 수정 및 삭제를 할 때마다 조회 API를 다시 호출하여 자연스럽게 최신의 댓글 목록을 화면에 보여줄 수 있도록 해야 합니다!
  • 좋아요 기능

    • 게시물 및 댓글 좋아요/좋아요 취소 기능
      • 사용자가 게시물이나 댓글에 좋아요를 남기거나 취소할 수 있어야 합니다.
      • 이 때, 본인이 작성한 게시물과 댓글에 좋아요는 남길 수 없도록 해봅니다!
  • 프론트엔드 만들어보기

    • 백엔드에서 제공하는 API를 통해 서버와 통신하는 프론트엔드를 구현합니다.
    • 와이어프레임에 나온 명세를 최대한 구현해보면 금상첨화겠죠?
    • 웹개발 종합반에서 배웠던 부트스트랩을 활용해봐도 좋아요~
  • 이메일 가입 및 인증 기능

    • 이메일 가입 시 이메일 인증 기능을 포함하는 것이 좋습니다.
profile
열쩡
post-custom-banner

0개의 댓글