VSCode의 Copilot에서 MCP 활용 데모(유튜브영상요약)
개발자든 콘텐츠 크리에이터든 효율적인 작업 환경은 생산성에 직접적인 영향을 미칩니다. 지난번에 소개해드린 Claude For Desktop에서의 MCP(Model Context Protocol) 사용 사례에 이어, 이번에는 개발자들의 필수 도구인 VSCode와 GitHub Copilot에서 MCP를 활용하여 유튜브 영상을 자동으로 요약하는 방법을 상세히 안내해드리려고 합니다.
MCP는 AI 모델이 외부 도구와 효율적으로 연결될 수 있도록 해주는 표준화된 프로토콜입니다. 특히 VSCode 환경에서 GitHub Copilot과 결합했을 때, 단순한 코드 자동완성을 넘어 유튜브 영상 콘텐츠 분석과 같은 고급 기능까지 구현할 수 있어 개발 생산성을 획기적으로 향상시킬 수 있습니다.
📋 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 에디터에 표시됩니다.
댓글남기기