유튜브 트랜드 분석 You心

🧾목차

1. 서비스 소개
2. 기술 스택
3. 시스템 아키텍처
4. 웹 주요기능 및 데모영상\
5. UCC 보러가기
6. 협업 관리
7. 개발 멤버 소개
8. 프로젝트 기간
9. 프로젝트 관련 문서

✨ 서비스 소개

유튜브 트랜드 분석 😖

유튜브 트랜드 분석 소개 1

유튜브 트랜드 분석 소개 2

유튜브 트랜드 분석 소개 3다..

유튜브 트랜드 분석 You心 💊

내가 보는 유튜버 의 민심을 확인하세요 ~~ You心을 이용해주세요!

🛠️ 기술 스택

🎛 시스템 아키텍쳐

ERD

Backend 디렉토리 구조

──Spring Boot
    └─main   
       ├─java                
       │  └─com
       │      └─ssafy
       │          └─youtubeAnalysis
       │              ├─config        # CORS 및 배치 설정 폴더
       │              ├─controller    # 각 도메인별 컨트롤러 있는 폴더
       │              ├─entity        # 각 DB 테이블 을 설정한 도메인 폴더
       │              ├─Repository    # 도메인별 JPA Repository 설정한 폴더
       │              └─Service       # 도메인별 기능을 정의해둔 폴더 
       └─resources

──Flask              
    └─NSMC
       ├─app.py             # 감성분석 flask 서버
       ├─best_mobel.h5      # 학습한 모델중 높은 확률의 모델
       └─tokenizer.pickle   # 학습 데이터 토큰화 파일

Frontend 디렉토리 구조

─yousim
   ├─src
   │  ├─components # 페이지에 들어가는 컴포넌트들을 모아놓은 폴더
   │  └─pages 	   # 랜더링되는 페이지를 모아놓은 폴더 
   │  ├─api 	   # 백엔드 통신과 필요한 api를 모아놓은 폴더
   │  ├─channel/[channel_id] # 검색 후 채널 클릭 시 사용하는 폴더
   │  │   └─[video_id] 	     # 채널의 영상을 클릭 시 사용하는 폴더
   │  ├─search     # 검색페이지 폴더
   │  └─trend      # 트렌드페이지 폴더 
   └─styles 
      ├─channelDetail    # 채널 페이지와 관련된 스타일을 모아놓은 폴더
      ├─componentStyles  # 컴포넌트와 관련된 스타일을 모아놓은 폴더
      ├─mainStyles       # 메인 페이지와 관련된 스타일을 모아놓은 폴더
      ├─searchStyles     # 검색 페이지와 관련된 스타일을 모아놓은 폴더
      ├─trend            # 트렌드 페이지와 관련된 스타일을 모아놓은 폴더
      └─videoDetail      # 채널 영상과 관련된 스타일을 모아놓은 폴더

🎥 UCC 보러가기

보러가기

🙌 협업 관리

🧑‍💻 개발 멤버 소개

👑 권덕민 (Front-End)

 😆 장우주 (Front-End)

🙂 유승우 (Back-End)

😁 장한울 (Back-End)

🙄 정관철 (Back-End)

🙄 최영현 (Back-End)

⌛ 프로젝트 기간

22.8.22 ~ 22.10.07

• 기획 및 설계 : 22.8.22 ~ 26
• 프로젝트 구현 : 22.8.29 ~ 22.9.30
• 버그 수정 및 산출물 정리 : 22.10.03 ~ 07

📖 프로젝트 관련 문서

구분	링크
와이어프레임	웹 와이어프레임 바로가기 / 디바이스 와이어프레임 바로가기
DB덤프	DB덤프 바로가기
ERD	ERD 바로가기
빌드/배포	빌드/배포 바로가기
외부서비스 정보	외부서비스 정보 바로가기
시연 시나리오	시연 시나리오 바로가기
발표자료	발표자료 바로가기