프로젝트 배경
프로젝트 배경
1) 문제점
사내/조직 내 문서들이 여러 위치에 분산되어 있어 효율적인 검색 및 접근이 어려움
파일명이나 저장 위치가 달라 동일한 내용을 중복 생성하거나 검색이 불가능한 상황 다수 발생
퇴사/이직 등의 이유로 문서나 자료가 유실되어 업무 연속성에 큰 장애 요인이 됨
기존 시스템에서는 문서 내용을 기반으로 한 검색이나 질문-응답 기반 접근이 어려움
2) 프로젝트 목표
문서 통합 검색 시스템 구축: 폴더, 파일명뿐 아니라 파일 내부 텍스트까지 검색 가능한 시스템 개발
AI 기반 질의응답 기능 탑재: 사용자가 자연어로 입력한 질문에 대해 관련 문서를 기반으로 자동 응답
문서 보존 및 백업 체계화: 로컬/클라우드 저장 병행 구조로 퇴사 시점 이후에도 유실되지 않는 보존 시스템 구축
3) 주안점
문서 내 텍스트 분석을 통한 정확한 검색 결과 제공 (예: PDF, 워드, 텍스트 등 다양한 포맷 지원)
사용자 질의 기반 요약 및 하이라이트 제공: 단순 키워드 검색이 아닌, 사용자의 의도에 맞춘 요약/정보 응답 기능 강화
시스템 연속성과 보안 고려: 전 직원이 통합된 UI에서 접근 가능하도록 구성하면서, 사용자 접근 권한 및 보안 설정 강화
1) 문제점
사내/조직 내 문서들이 여러 위치에 분산되어 있어 효율적인 검색 및 접근이 어려움
파일명이나 저장 위치가 달라 동일한 내용을 중복 생성하거나 검색이 불가능한 상황 다수 발생
퇴사/이직 등의 이유로 문서나 자료가 유실되어 업무 연속성에 큰 장애 요인이 됨
기존 시스템에서는 문서 내용을 기반으로 한 검색이나 질문-응답 기반 접근이 어려움
2) 프로젝트 목표
문서 통합 검색 시스템 구축: 폴더, 파일명뿐 아니라 파일 내부 텍스트까지 검색 가능한 시스템 개발
AI 기반 질의응답 기능 탑재: 사용자가 자연어로 입력한 질문에 대해 관련 문서를 기반으로 자동 응답
문서 보존 및 백업 체계화: 로컬/클라우드 저장 병행 구조로 퇴사 시점 이후에도 유실되지 않는 보존 시스템 구축
3) 주안점
문서 내 텍스트 분석을 통한 정확한 검색 결과 제공 (예: PDF, 워드, 텍스트 등 다양한 포맷 지원)
사용자 질의 기반 요약 및 하이라이트 제공: 단순 키워드 검색이 아닌, 사용자의 의도에 맞춘 요약/정보 응답 기능 강화
시스템 연속성과 보안 고려: 전 직원이 통합된 UI에서 접근 가능하도록 구성하면서, 사용자 접근 권한 및 보안 설정 강화
프로젝트 성과
유튜브 영상 요약 시간 90% 단축
기존 평균 5~10분 소요되던 유튜브 영상 요약 과정을, 크롬 확장 프로그램과 GPT API 연동을 통해 30초 이내로 요약 완료 가능하도록 개선
핵심 기능
개발 및 API 연동
Manifest 설정, YouTube URL 파싱 및 GPT 기반 요약 API 연동, 팝업 UI 개발
테스트 및 디버깅
다양한 유튜브 영상에 대한 요약 정확도 테스트 및 크롬 확장 오류 수정
진행 단계
기획 및 요구사항 정의
2025.06.
크롬 확장 기능 구조 설계, 요약 대상(유튜브 자막/내용) 정의, Webhook 연동 방향 기획
프로젝트 상세
유튜브 요약 크롬 확장 프로그램
1) 포트폴리오 소개
서비스 카테고리: AI 요약 서비스 / 크롬 확장 프로그램
메인 타깃: 유튜브 영상 콘텐츠를 효율적으로 소비하고 싶은 직장인, 학생, 콘텐츠 요약 사용자 대상
소개: 유튜브 영상 페이지에서 버튼 한 번으로 요약 결과를 제공하는 크롬 확장 프로그램으로, 영상 소비 시간을 줄이고 정보 접근성을 높이는 AI 기반 요약 도구
2) 작업 범위
참여 범위:
`UI/UX 설계`, `팝업 UI 개발`, `popup.js 기반 프론트 기능 구현`
`content.js`, `background.js`를 활용한 DOM 분석 및 백그라운드 통신 처리
요약 API 연동 및 응답 처리 로직 설계
지원 환경:
크롬 확장 프로그램 환경
Manifest V3 기반
향후 OpenAI API / Gemini API 등 연결 가능성 고려
3) 주요 기능
유튜브 영상 페이지 자동 인식 및 상태 표시
요약 요청 버튼 → 외부 API 호출 → 요약 결과 표시
진행 상태 시각화 (로딩 스피너 및 메시지)
에러 발생 시 상세한 에러 메시지 제공
`popup.html` 기반 직관적인 UI, 반응형 스타일 적용
향후 API 설정 확장 및 다양한 요약 포맷 지원 가능
4) 주안점
UX 최적화: 사용자가 한 번 클릭만으로 전체 흐름을 파악할 수 있도록 최소 동작으로 설계
에러 처리 강화: API 응답 실패, 탭 접근 오류 등 다양한 케이스를 사전 대응
크롬 확장 안정성 확보: Manifest V3 대응, 유튜브 DOM 구조 변경 대응
향후 확장성 고려:
설정 페이지 추가 예정
다양한 API 호환성 확보
크롬 외 브라우저 확장 고려 (Firefox 등)
연계 설명 제안
이 프로젝트는 이후 Flutter 앱 또는 Cursor 기반 앱으로도 확장 가능함.
예를 들어 이 요약 기능을 모바일 앱 UI로 변환하여 제공하거나,
Flutter WebView + 요약 API를 붙여 별도 앱으로 리뉴얼 가능함.
1) 포트폴리오 소개
서비스 카테고리: AI 요약 서비스 / 크롬 확장 프로그램
메인 타깃: 유튜브 영상 콘텐츠를 효율적으로 소비하고 싶은 직장인, 학생, 콘텐츠 요약 사용자 대상
소개: 유튜브 영상 페이지에서 버튼 한 번으로 요약 결과를 제공하는 크롬 확장 프로그램으로, 영상 소비 시간을 줄이고 정보 접근성을 높이는 AI 기반 요약 도구
2) 작업 범위
참여 범위:
`UI/UX 설계`, `팝업 UI 개발`, `popup.js 기반 프론트 기능 구현`
`content.js`, `background.js`를 활용한 DOM 분석 및 백그라운드 통신 처리
요약 API 연동 및 응답 처리 로직 설계
지원 환경:
크롬 확장 프로그램 환경
Manifest V3 기반
향후 OpenAI API / Gemini API 등 연결 가능성 고려
3) 주요 기능
유튜브 영상 페이지 자동 인식 및 상태 표시
요약 요청 버튼 → 외부 API 호출 → 요약 결과 표시
진행 상태 시각화 (로딩 스피너 및 메시지)
에러 발생 시 상세한 에러 메시지 제공
`popup.html` 기반 직관적인 UI, 반응형 스타일 적용
향후 API 설정 확장 및 다양한 요약 포맷 지원 가능
4) 주안점
UX 최적화: 사용자가 한 번 클릭만으로 전체 흐름을 파악할 수 있도록 최소 동작으로 설계
에러 처리 강화: API 응답 실패, 탭 접근 오류 등 다양한 케이스를 사전 대응
크롬 확장 안정성 확보: Manifest V3 대응, 유튜브 DOM 구조 변경 대응
향후 확장성 고려:
설정 페이지 추가 예정
다양한 API 호환성 확보
크롬 외 브라우저 확장 고려 (Firefox 등)
연계 설명 제안
이 프로젝트는 이후 Flutter 앱 또는 Cursor 기반 앱으로도 확장 가능함.
예를 들어 이 요약 기능을 모바일 앱 UI로 변환하여 제공하거나,
Flutter WebView + 요약 API를 붙여 별도 앱으로 리뉴얼 가능함.

