VSCode의 Copilot에서 MCP 활용 데모(유튜브영상요약)
VSCode와 GitHub Copilot에서 MCP를 쓰면, 코드 자동완성 외에 유튜브 영상 자동 요약 같은 고급 기능을 할 수 있습니다. Claude For Desktop MCP 소개에 이어, 개발 환경에서 MCP로 영상 자막 추출·요약을 하는 방법을 정리했습니다.
💡 이런 분들께 추천합니다
- VSCode·Copilot 사용자 중 MCP를 연동하고 싶은 분
- 유튜브 영상 요약·콘텐츠 분석을 개발 환경에서 하고 싶은 분
- MCP로 외부 도구 연동 사례를 더 보고 싶은 분
🧩 개념 설명 / 배경 지식
MCP는 AI가 외부 도구(자막 서버, DB 등)와 연결되게 하는 표준화된 프로토콜입니다. Copilot이 MCP 서버(예: YouTube Transcript)와 통신해 자막을 가져오고, GPT-4 등으로 요약해 에디터에 표시할 수 있습니다. 이미 MCP를 쓰고 있다면 다음 섹션으로 넘어가도 됩니다.
🔍 본론: Copilot에서 MCP 설정과 유튜브 요약
📋 Installation
1. GitHub Copilot 계정 가입하기
GitHub Copilot을 사용하기 위해서는 GitHub 계정과 Copilot 구독이 필요합니다. 개인 개발자는 월 $10의 구독료로 이용할 수 있으며, 학생이나 오픈소스 프로젝트 메인테이너의 경우 무료로 제공됩니다.
- GitHub 계정이 없다면 먼저 가입합니다.
- GitHub Copilot 페이지에서 ‘시작하기’ 버튼을 클릭합니다.
- 적절한 구독 플랜을 선택하고 결제를 진행합니다.
2. VS Code 설치 및 GitHub Copilot 플러그인 설정
VS Code는 Microsoft에서 개발한 무료 코드 에디터로, 다양한 플러그인을 통해 기능을 확장할 수 있습니다.
1) VS Code 공식 사이트에서 에디터를 다운로드하고 설치합니다. 2) VS Code를 실행하고 왼쪽 사이드바에서 확장(Extension) 아이콘을 클릭합니다. 3) 검색창에 ‘GitHub Copilot’을 입력하고 나타나는 플러그인을 설치합니다. 4) 설치 후, GitHub 계정으로 로그인하여 Copilot과 연결합니다.
3. MCP 서버 추가하기
MCP는 다양한 서버를 통해 확장 가능한 기능을 제공합니다. 주요 MCP 서버 제공 플랫폼은 다음과 같습니다:
- modelcontextprotocol/servers - 공식 MCP 서버 저장소
- awesome-mcp-servers - 커뮤니티 기반 MCP 서버 모음
- mcpservers.org - MCP 서버 디렉토리
- Zapier MCP - 자동화 워크플로우 통합
- Smithery - AI 특화 MCP 서버
이번 튜토리얼에서는 AI 기반 미디어 처리에 특화된 Smithery의 YouTube Transcript Server를 활용하여 영상 자동 요약 기능을 구현해보겠습니다.
4. MCP 서버 설치
MCP 서버 설치는 생각보다 간단합니다. Smithery 같은 플랫폼에서는 대부분 원클릭 설치를 지원합니다.
1) 위에서 제공한 YouTube Transcript Server URL로 접속합니다. 2) 페이지에서 ‘Install’ 버튼을 클릭하면 VS Code로 연결됩니다.
3) VS Code에서 서버 설치 확인 메시지가 나타나면 ‘설치’ 버튼을 클릭합니다. 4) 설치가 완료되면 VS Code의 settings.json 파일에 MCP 서버 설정이 자동으로 추가됩니다.
- 설정에 능숙한 사용자라면 해당 파일을 직접 수정할 수도 있습니다.
5) 설치 후 ‘Start’ 버튼을 클릭하여 MCP 서버를 활성화합니다.
6) 서버가 성공적으로 활성화되면 아래와 같이 확인 메시지가 표시됩니다.
💡 데모: 유튜브 영상 요약하기
이제 설치한 MCP 서버를 활용하여 실제 유튜브 영상 요약 기능을 구현해보겠습니다. 이 기능은 다음과 같은 프로세스로 동작합니다:
1) VS Code에서 새 파일을 엽니다. 2) GitHub Copilot을 활성화합니다 (보통 Ctrl+I 또는 Cmd+I). 3) 아래와 같이 유튜브 URL을 포함한 요약 요청 프롬프트를 입력합니다: 4) Enter를 눌러 Copilot에 요청을 보냅니다.
작동 과정
- GitHub Copilot이 프롬프트를 분석하고 MCP 서버와 통신을 시작합니다.
- YouTube Transcript Server가 영상의 자막 데이터를 추출합니다.
- 추출된 자막은 Copilot의 GPT-4 모델로 전송됩니다.
- GPT-4 모델이 자막 내용을 분석하고 핵심 내용을 요약합니다.
- 최종 요약본이 VS Code 에디터에 표시됩니다.
⚠️ 주의사항
- GitHub Copilot 구독(개인 월 $10, 학생·오픈소스 메인테이너는 무료)이 필요합니다. MCP 서버(YouTube Transcript 등) 설정과 네트워크 접근 권한을 확인하세요.
✅ 실습 / 적용 예시
Step 1. GitHub Copilot 구독·VSCode 연동. Step 2. MCP 서버(유튜브 자막 등) 설정 후 Copilot 설정에 등록. Step 3. 새 파일에서 유튜브 URL 포함 프롬프트로 요약 요청(Ctrl+I 또는 Cmd+I) 후 결과 확인.
🚧 트러블슈팅 / 자주 묻는 질문
Q. Copilot에서 MCP가 동작하지 않아요.
A. Copilot 설정에서 MCP 서버 경로·환경 변수가 맞는지, 서버가 실행 중인지 확인하세요.
Q. 유튜브 자막을 가져오지 못해요.
A. 해당 영상에 자막이 있는지, MCP 서버(YouTube Transcript Server) 로그와 네트워크 권한을 확인하세요.
📝 마무리
- VSCode·GitHub Copilot과 MCP로 유튜브 영상 자동 요약을 할 수 있습니다.
- 자막 추출 → 모델 전송 → 요약 → 에디터 표시 흐름으로 개발 생산성을 높일 수 있습니다.
- 다른 MCP 서버로 확장해 다양한 외부 도구를 Copilot과 연동해 보시면 됩니다.
댓글남기기