유튜브 영상의 방대한 댓글 데이터를 AI로 분석하여 요약, 감정 분석, 논란 탐지 등 다양한 인사이트를 제공합니다. 시청자와 크리에이터 모두 댓글 반응을 한눈에 확인할 수 있습니다.
- 관심 채널 최신 영상: 자주 보는 채널의 새 영상을 한눈에 확인
- 지금 핫한 영상: 지금 가장 핫한 영상 순위
- 스크랩한 영상: 내가 저장한 영상 모음
- AI 댓글 요약: 수많은 댓글을 3줄로 압축해서 보여줌
- 세부 감정 분석: 댓글을 긍정/부정/기타 3가지의 감정과 기쁨/사랑/분노/슬픔/두려움/놀람/중립 7가지 세부감정으로 분류
- 감정 변화 흐름: 시간에 따른 댓글 분위기의 변화를 그래프로 표시
- 주요 키워드: 댓글에서 많이 언급된 키워드를 한눈에 볼 수 있게 표시
- 댓글 검색 & 필터: 원하는 키워드나 감정으로 댓글 골라보기
- 논란 키워드 감지: 논란이 있을 수 있는 영상을 탐지하여 주의 문구 표시
- 시간대 분석: 댓글이 가장 많이 달린 시간과 영상에서 가장 화제가 된 구간 Top 5
- 언어 분포: 전체 댓글의 언어 비율을 원형 그래프로 표현
- 댓글에서 모르는 단어를 드래그하면 검색 툴팁 자동 표시
- 요즘 유행하는 밈이나 신조어 뜻 확인 가능
- 최대 3개 영상 나란히 비교
- 감정 분석, 키워드, 논란 수준 등 다양한 분석 결과 비교
- 클릭 한 번으로 영상 저장/삭제
- 저장한 영상 목록을 한곳에서 관리
- 서비스 내 조회수 기반 실시간 랭킹
- 지금 화제인 영상 빠르게 확인 가능
- 키워드 검색: 채널, 동영상, 쇼츠 검색
- 링크 검색: 유튜브 URL 입력하면 바로 분석 페이지 이동
yarn install프로젝트 루트에 .env.local 파일을 생성하고 다음 환경 변수를 설정하세요:
NEXT_PUBLIC_API_URL=your_api_urlyarn devsrc/
├── 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 팀 소수소