Project - 튜게더 😊 (Tugether = YouTube + Together )

👉서비스 바로가기

❤️ 팀명 - 만두 ( 팀원들끼리 똘똘 뭉치자는 의미에서 만두로 정했습니다 😚 )

💛 주제 - 유튜브 영상 큐레이션 및 태그기반 유튜브 영상 공유 SNS

💚 팀원소개👪 & 역할

팀장 😚 유혜린

팀원 😏 권민지, 정현희, 고소영, 최규식 😏

기획 - 고소영
프론트 개발 - 권민지, 고소영, 최규식
백엔드 개발 - 유혜린, 정현희
QA - 정현희
Tech Leader - 유혜린

💙 서비스 소개

• 기존에 존재하지 않았던 유튜브 구독자들을 위한 커뮤니티 SNS 서비스 입니다!
• 관심태그를 설정하여 공통의 관심분야를 가진 사람들끼리 유튜브 영상을 공유하고 추천받을 수 있습니다!
• SNS의 팔로우기능을 활용하여 비슷한 취향의 방송을 보는 사람들과 소통할 수 있습니다!

💜 Epic, Story

• Epic1. 네비게이션 바

  • Story1. 이용자는 하단의 네비게이션 바를 통해 메인피드, 검색페이지, 마이페이지, 알림페이지, 통계페이지로 이동할 수 있다.

• Epic2. 회원가입/ 로그인

  • Story1. 비회원이 구글이메일로 연동해서 로그인을 한다.
  • Story2. 비회원이 사이트 자체적 회원가입을 한다.
  • Story3. 회원가입 할 때 닉네임, 이메일, 비밀번호, 생년월일, 성별을 입력한다.
  • Story4. 회원가입 시 이메일 인증을 받는다.
  • Story5. 회원가입을 한 회원이 이메일, 비밀번호로 로그인을 한다.
  • Story6. 구글 연동회원이 일반로그인 시도 시 연동회원임을 알린다.
  • Story7. 일반 회원이 연동로그인 시도 시 일반회원임을 알린다.
  • Story8. 회원가입 후 최초 로그인 시 관심태그를 선택하는 화면을 보여준다.
  • Story9. 비밀번호 찾기를 누르면 등록한 이메일로 임시비밀번호를 발급해준다.
  • Story10. 임시비밀번호로 로그인하면, 새 비밀번호로 변경 or 다음에 변경 창을 띄운다.
  • Story11. 로그인을 한 회원이 로그아웃을 한다.

• Epic3. 메인 피드 게시글

  • Story1. 회원은 메인피드에서 관심태그로 지정한 태그가 달린 글들을 볼 수 있다.
  • Story2. 회원은 메인피드에서 팔로잉한 사람이 올린 글들을 볼 수 있다.
  • Story3. 회원은 게시글 하단에 댓글보기를 눌러 댓글목록을 볼 수 있다.
  • Story4. 회원은 게시글 하단에 좋아요를 누를 수 있다.
  • Story5. 회원은 게시글 하단에 스크랩을 눌러 게시글을 스크랩 할 수 있다.

• Epic4. 검색기능

  • Story1. 회원은 검색탭에서 태그로 검색하여 태그가 달린 게시글목록을 볼 수 있다.
  • Story2. 회원은 검색탭에서 닉네임으로 검색하여 회원을 검색할 수 있다.

• Epic5. 마이페이지에서 팔로워, 팔로잉 관리 / 관심사 태그 / 게시글 관리

  • Story1. 회원은 마이페이지에서 게시글 작성버튼을 클릭하면 글을 작성할 수 있다.
  • Story2. 회원은 마이페이지에서 본인이 작성한 게시글을 모아볼 수 있다.
  • Story3. 회원은 마이페이지에서 프로필편집 버튼을 누르면 계정 설정페이지로 이동한다.
  • Story4. 회원은 마이페이지에서 팔로워/팔로잉을 클릭하여 팔로워/팔로잉 리스트를 볼 수있다.
  • Story5. 회원은 마이페이지에서 스크랩한 게시글을 모아볼 수 있다.
  • Story6. 회원은 마이페이지에서 스크랩한 게시글을 삭제할 수 있다.

• Epic6. 계정설정 페이지

  • Story1. 회원은 계정설정페이지에서 프로필사진, 닉네임, 관심태그를 변경할 수 있다.
  • Story2. 구글 연동회원은 비밀번호 변경기능이 제한된다.
  • Story3. 사이트 자체회원은 현재비밀번호 입력후 새 비밀번호로 변경가능하다.

• Epic7. 팔로우기능

  • Story1. 타 유저 프로필에서 팔로우를 안했으면 팔로우 신청버튼이 노출되고, 팔로우를 했으면 팔로우 취소 버튼이 노출된다.
  • Story2. 회원은 타 유저페이지에서 팔로우 신청을 할 수 있다.

• Epic8. 게시글 작성

  • Story1. 회원이 마이페이지에서 게시글을 등록하고, 수정하고, 삭제할 수 있다.
  • Story2. 회원이 게시글을 작성할 때 영상 캡쳐이미지, 유튜브 링크를 등록할 수 있다.
  • Story3. 회원은 게시글 작성할 때 하나 이상의 태그를 반드시 등록한다.

• Epic9. 댓글

  • Story1. 회원은 특정 게시글 하단에 있는 댓글목록에 댓글달기/삭제를 할 수 있다.
  • Story2. 댓글목록에는 댓글을 쓴 이용자의 사진,닉네임, 댓글내용, 작성시간이 보인다.

• Epic10. 알림기능

  • Story1. 회원의 게시글에 댓글이 달리면 알림이 뜬다.
  • Story2. 회원의 게시글에 좋아요가 눌리면 알림이 뜬다.
  • Story3. 회원을 팔로우 한 사람이 있으면 알림이 뜬다.
  • Story4. 알림페이지에서 댓글이 달린 알람을 클릭하면 해당 댓글창으로 이동한다.
  • Story5. 알림페이지에서 좋아요 알림을 클릭하면 해당 게시글로 이동한다.
  • Story6. 알림페이지에서 팔로우 알림을 클릭하면 해당 회원페이지로 이동한다.

• Epic11. 통계페이지

  • Story1. 회원은 통계페이지에서 많이 검색된 태그를 순위로 볼 수 있다.
  • Story2. 회원은 게시글에 가장 많이 걸린 태그를 순위로 볼 수 있다.
  • Story3. 회원은 좋아요가 많은 게시글을 순위로 볼 수 있다.

❤️ 개발 흐름

6주
1주 : 웹 기초 학습
2주 : SPA 기본 틀 구현 / 개발환경 세팅
3주 : API 스펙 / DB, Table 생성
4주 : 서비스 개발
5주 : 심화 개발
6주 : UCC/PPT제작, 테스트, 배포

💛 ERD

💚 핵심기능

💙 기술스택 & 실행방법

Frontend

• 1. node.js 설치
• 2. yarn 설치

yarn add node-sass sass-loader
yarn add vue-router vuex
yarn serve --port 3000

Backend

• 1. STS 설치
• 2. JDK 설치
• 3. MAVEN 다운로드

개발 Git 전략 ⭐

Git-flow에는 5가지 종류의 브랜치가 존재합니다. 항상 유지되는 메인 브랜치들(master, develop)과 일정 기간 동안만 유지되는 보조 브랜치들(feature, release, hotfix)이 있습니다.

master : 제품으로 출시될 수 있는 브랜치 develop : 다음 출시 버전을 개발하는 브랜치 feature : 기능을 개발하는 브랜치 release : 이번 출시 버전을 준비하는 브랜치 hotfix : 출시 버전에서 발생한 버그를 수정 하는 브랜치

git flow를 활용하여 master브랜치에서 직접 작업하는 것을 막고, develop브랜치에서 모든 작업을 수행하도록 한다.

git flow init  # 자동으로 local브랜치가 develop으로 바뀐다.
git push origin develop # 리포지토리에 develop브랜치를 생성한다.
git branch --set-upstream-to=origin/develop develop #upstream 생성

특정 기능을 개발 하고자 할 때,

git flow feature start login # login 기능 구현
git branch #로 확인해보면 feature/login 브랜치로 바뀐것을 알 수 있다!