Skip to content

음악 플레이리스트 공유 사이트 : PLUG 리팩토링

Notifications You must be signed in to change notification settings

lazygyu97/PLUG_Refactoring

Repository files navigation

plug

밥4조 - 음악 플레이리스트 공유 서비스 : PLUG [뉴스피드 프로젝트]

스크린샷 2023-06-30 오후 4 24 44

🛠 프로젝트 설계 단계

💡 필수 요구 사항

사용자 인증 기능

  • 회원가입 기능
    • 새로운 사용자가 ID와 비밀번호의 형태로 서비스에 가입할 수 있어야 합니다.
      • 이 때, 비밀번호는 안전하게 암호화되어 저장되어야 합니다!
  • 로그인 및 로그아웃 기능
    • 사용자는 자신의 계정으로 서비스에 로그인하고 로그아웃할 수 있어야 합니다.

프로필 관리

  • 프로필 수정 기능
    • 이름, 한 줄 소개와 같은 기본적인 정보를 볼 수 있어야 하며 수정할 수 있어야 합니다.
    • 비밀번호 수정 시에는 비밀번호를 한 번 더 입력받는 과정이 필요합니다.

게시물 CRUD 기능

- 게시물 작성, 조회, 수정, 삭제 기능
    - 게시물 조회를 제외한 나머지 기능들은 전부 인가(Authorization) 개념이 적용되어야 하며 이는 JWT와 같은 토큰으로 검증이 되어야 할 것입니다.
    - 예컨대, 내가 작성한 글을 남이 삭제할 수는 없어야 하고 오로지 본인만 삭제할 수 있어야겠죠?
- 게시물 작성, 수정, 삭제 시 새로고침 기능
    - 프론트엔드에서 게시물 작성, 수정 및 삭제를 할 때마다 조회 API를 다시 호출하여 자연스럽게 최신의 게시물 내용을 화면에 보여줄 수 있도록 해야 합니다!

뉴스 피드 기능

- 뉴스 피드 페이지
    - 사용자가 다른 사용자의 게시물을 한 눈에 볼 수 있는 뉴스 피드 페이지가 있어야 합니다.

💡 주제 선정

- 필수 요구 사항을 모두 구현 할 수 있는 주제를 기반으로 팀 회의 진행
- velog 서비스를 착안하여 음악 플레이리스트를 공유 서비스 주제 선정
- 다른 사람의 플레이리스트의 연결한다는 아이디어로 PLUG 라는 이름 선정

💡 와이어 프레임 작성

  • Figma 를 통한 웹 페이지의 구성과 와이어 프레임 작성
  • 와이어프레임 보기 스크린샷 2023-06-30 오후 4 07 27 스크린샷 2023-06-30 오후 5 26 47 스크린샷 2023-06-30 오후 4 06 52 스크린샷 2023-06-30 오후 4 07 09 스크린샷 2023-06-30 오후 4 08 59 스크린샷 2023-06-30 오후 5 25 37 스크린샷 2023-06-30 오후 4 09 15 스크린샷 2023-06-30 오후 5 25 59 스크린샷 2023-06-30 오후 5 26 14
💡 API 작성
  • 와이어 프레임 작성 후 웹 어플리케이션의 필요한 기능을 파악 후 작성
💡 ERD 작성
  • 작성한 API 명세 기반으로 ERD 다이어그램 작성

  • ERD 보기 ( 작성중…)

    스크린샷 2023-06-30 오후 4.21.37.png

💡 1차 역할 분담 ( 기능 - 뷰)

김진희 님 : 댓글 추가 및 삭제 - 마이페이지

권진혁 님 : 글 수정 및 삭제 - 로그인 가입화면

정해인 님 : 글 작성  - 디테일, 글작성 페이지

지은영 님 : 전체글 , 디테일 조회 - 메인 페이지