Skip to content

AI 기반 유튜브 댓글 분석 및 사용자 인사이트 도출 서비스

Notifications You must be signed in to change notification settings

2025-sosuso/Capstone-Client

Repository files navigation

AI 기반 유튜브 댓글 분석 및 사용자 인사이트 도출 서비스 (1)

AI 기반 유튜브 댓글 분석 및 사용자 인사이트 도출 서비스

유튜브 영상의 방대한 댓글 데이터를 AI로 분석하여 요약, 감정 분석, 논란 탐지 등 다양한 인사이트를 제공합니다. 시청자와 크리에이터 모두 댓글 반응을 한눈에 확인할 수 있습니다.


🛠️ 기술 스택

Frontend

Frontend Stack

Backend

Backend Stack

AI

AI Stack


시스템 아키텍쳐

image

✨ 주요 기능

1. 메인 페이지

  • 관심 채널 최신 영상: 자주 보는 채널의 새 영상을 한눈에 확인
  • 지금 핫한 영상: 지금 가장 핫한 영상 순위
  • 스크랩한 영상: 내가 저장한 영상 모음

2. 영상 상세 분석

  • AI 댓글 요약: 수많은 댓글을 3줄로 압축해서 보여줌
  • 세부 감정 분석: 댓글을 긍정/부정/기타 3가지의 감정과 기쁨/사랑/분노/슬픔/두려움/놀람/중립 7가지 세부감정으로 분류
  • 감정 변화 흐름: 시간에 따른 댓글 분위기의 변화를 그래프로 표시
  • 주요 키워드: 댓글에서 많이 언급된 키워드를 한눈에 볼 수 있게 표시
  • 댓글 검색 & 필터: 원하는 키워드나 감정으로 댓글 골라보기
  • 논란 키워드 감지: 논란이 있을 수 있는 영상을 탐지하여 주의 문구 표시
  • 시간대 분석: 댓글이 가장 많이 달린 시간과 영상에서 가장 화제가 된 구간 Top 5
  • 언어 분포: 전체 댓글의 언어 비율을 원형 그래프로 표현

3. 단어 검색

  • 댓글에서 모르는 단어를 드래그하면 검색 툴팁 자동 표시
  • 요즘 유행하는 밈이나 신조어 뜻 확인 가능

4. 영상 비교

  • 최대 3개 영상 나란히 비교
  • 감정 분석, 키워드, 논란 수준 등 다양한 분석 결과 비교

5. 스크랩

  • 클릭 한 번으로 영상 저장/삭제
  • 저장한 영상 목록을 한곳에서 관리

6. 지금 핫한

  • 서비스 내 조회수 기반 실시간 랭킹
  • 지금 화제인 영상 빠르게 확인 가능

7. 검색

  • 키워드 검색: 채널, 동영상, 쇼츠 검색
  • 링크 검색: 유튜브 URL 입력하면 바로 분석 페이지 이동

🚀 시작하기

설치

yarn install

환경 변수 설정

프로젝트 루트에 .env.local 파일을 생성하고 다음 환경 변수를 설정하세요:

NEXT_PUBLIC_API_URL=your_api_url

개발 서버 실행

yarn dev

📁 프로젝트 구조

src/
├── app/                    # App Router 기반 페이지
│   ├── (home)/             # 홈
│   ├── videos/[videoId]/   # 영상 상세
│   ├── compare/            # 비교
│   ├── search/             # 검색
│   ├── scraps/             # 스크랩
│   ├── trending/           # 트렌딩
│   ├── login/              # 로그인
│   ├── layout.tsx          # 전역 레이아웃
│   └── provider.tsx        # 전역 Provider
├── components/             # 공용 UI 컴포넌트
├── hooks/                  # Custom Hooks
├── services/               # API 서비스 레이어
├── contexts/               # 전역 상태 관리
├── config/                 # 설정 값 (polling 등)
├── lib/                    # Axios, URL 설정
├── types/                  # TypeScript 타입
├── utils/                  # 유틸리티 함수
└── styles/                 # 글로벌 스타일

페이지 전용 컴포넌트는 각 route 내부의 _components 폴더에서 관리합니다.


📝 커밋 컨벤션

  • feat: 새로운 기능 추가
  • fix: 버그 수정
  • docs: 문서 수정
  • style: 코드 포맷팅, 세미콜론 누락 등 (코드 변경 없음)
  • refactor: 코드 리팩토링
  • test: 테스트 코드 추가 또는 수정
  • chore: 빌드 업무, 패키지 매니저 설정 등

👥 팀원

역할 이름 GitHub
Frontend 최윤경 @yunnb
Backend 강예린 @kyer5
Backend 차주혜 @Alal11
AI 이소민 @isoxosoi


2025 팀 소수소

About

AI 기반 유튜브 댓글 분석 및 사용자 인사이트 도출 서비스

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages