MCP(모델 컨텍스트 프로토콜)를 사용하여 Copilot Chat 확장

개요

MCP(모델 컨텍스트 프로토콜)는 애플리케이션이 LLM(대규모 언어 모델)과 컨텍스트를 공유하는 방법을 정의하는 개방형 표준입니다. MCP는 AI 모델을 다양한 데이터 원본 및 도구에 연결하여 보다 효과적으로 함께 작동할 수 있도록 하는 표준화된 방법을 제공합니다.

MCP를 사용하면 다양한 기존 도구 및 서비스와 통합하여 Copilot Chat의 기능을 확장할 수 있습니다. 예를 들어, GitHub MCP 서버를 사용하면 Visual Studio Code에서 Copilot Chat을 사용하여 GitHub에서 작업을 수행할 수 있게 됩니다. 또한 MCP를 사용하여 Copilot Chat과 함께 작동하는 새 도구와 서비스를 만들어 환경을 사용자 지정하고 개선할 수 있습니다.

MCP에 대한 자세한 내용은 공식 MCP 설명서를 참조하세요.

현재 사용할 수 있는 다른 MCP 서버 중 일부에 대한 자세한 내용은 MCP 서버 리포지토리를 참조하세요.

필수 조건

• Copilot에 액세스합니다. Copilot에 액세스하는 방법에 대한 자세한 정보는 GitHub Copilot이란?을(를) 참조하세요.
• Visual Studio Code 버전 1.99 이상. Visual Studio Code 설치에 대한 자세한 내용은 Visual Studio Code 다운로드 페이지를 참조하세요.

Visual Studio Code에서 MCP 서버 구성

Visual Studio Code에서 MCP 서버를 구성하려면 사용하려는 MCP 서버의 세부 정보를 지정하는 구성 스크립트를 설정해야 합니다. 다음 중 하나에 대해 MCP 서버를 구성할 수 있습니다.

• 특정 리포지토리입니다. 그러면 Visual Studio Code에서 프로젝트를 여는 모든 사용자와 MCP 서버를 공유합니다. 이렇게 하려면 리포지토리의 루트에 .vscode/mcp.json 파일을 만듭니다.

• Visual Studio Code의 개인 인스턴스입니다. 구성된 MCP 서버에 액세스 권한이 있는 유일한 사용자가 됩니다. 이렇게 하려면 Visual Studio Code에서 settings.json 파일에 구성을 추가합니다.

  Note

  서버당 하나의 위치만 사용하는 것이 좋습니다. 두 위치에 같은 서버를 추가하면 충돌 및 예기치 않은 동작이 발생할 수 있습니다.

아래 단계에서는 .vscode/mcp.json 파일에서 Fetch MCP 서버를 구성하는 방법을 보여 줍니다. Fetch MCP 서버는 웹 콘텐츠 페치 기능을 제공하는 간단한 MCP 서버입니다. Fetch MCP 서버에 대한 자세한 내용은 MCP 서버 리포지토리의 Fetch 디렉터리를 참조하세요.

동일한 단계를 사용하여 개인 Visual Studio Code 설정에서 MCP 서버를 구성할 수 있습니다. 다른 MCP 서버를 구성하는 방법에 대한 자세한 내용은 MCP 서버 리포지토리에서 사용할 수 있습니다.

1. .vscode/mcp.json 파일에 다음 구성을 추가합니다.

   JSON

   {
   "inputs": [
     // The "inputs" section defines the inputs required for the MCP server configuration. 
     {
       "type": "promptString"
     }
   ],
   "servers": {
     // The "servers" section defines the MCP servers you want to use.
     "fetch": {
       "command": "uvx",
       "args": ["mcp-server-fetch"]
     }
    }
   }
   

2. .vscode/mcp.json 파일을 저장합니다.

3. 서버 목록의 맨 위에 있는 .vscode/mcp.json 파일에 "Start" 단추가 표시됩니다. "Start" 단추를 클릭하여 MCP 서버를 시작하세요. 그러면 입력 대화 상자가 트리거되고 서버 도구가 검색되어 이후 세션을 위해 저장됩니다.

   

4. Visual Studio Code의 제목 표시줄에 있는 아이콘을 클릭하여 Copilot Chat을 엽니다.

5. Copilot Chat 상자의 팝업 메뉴에서 Agent를 선택하세요.

   

6. 사용 가능한 MCP 서버 목록을 보려면 채팅 상자의 왼쪽 위 모서리에 있는 도구 아이콘을 클릭합니다. 그러면 MCP 서버 목록이 열리고, Visual Studio Code 인스턴스에서 현재 사용할 수 있는 모든 MCP 서버와 관련 도구를 볼 수 있습니다.

Visual Studio Code에서 MCP 서버를 구성하는 방법에 대한 자세한 내용은 Visual Studio Code 설명서의 Visual Studio Code에서 MCP 서버 사용(미리 보기)을 참조하세요.

Copilot Chat에서 MCP 서버 사용

MCP 서버를 구성한 후에는 Copilot Chat에서 이를 사용하여 다양한 도구와 서비스에 액세스할 수 있습니다. 아래 예제에서는 Fetch MCP 서버를 사용하여 웹 페이지에 대한 세부 정보를 가져옵니다.

1. Visual Studio Code의 제목 표시줄에 있는 아이콘을 클릭하여 Copilot Chat을 엽니다.

2. Copilot Chat 상자의 팝업 메뉴에서 Agent를 선택하세요.

3. MCP 구성이 있는 파일에서 MCP 서버가 실행 중인지 확인합니다. 실행 중이지 않다면 "Start" 단추를 클릭하여 MCP 서버를 시작합니다.

   

4. Copilot Chat에게 URL의 세부 정보를 가져오도록 요청합니다. 예시:

   Fetch https://github.com/github/docs.

5. Copilot에서 계속 진행할지 확인하라는 메시지가 표시되면 Continue를 클릭하세요.

6. Copilot은 URL의 세부 정보를 가져와 채팅 상자에 표시합니다.

Visual Studio Code에서 MCP 서버를 사용하는 방법에 대한 자세한 내용은 Visual Studio Code 설명서의 Visual Studio Code에서 MCP 서버 사용(미리 보기)을 참조하세요.

기존 MCP 구성 사용

Claude Desktop에 MCP 구성이 이미 있는 경우 Visual Studio Code에서 해당 구성을 사용하여 동일한 MCP 서버에 액세스할 수 있습니다. 이렇게 하려면 Visual Studio Code에서 settings.json 파일에 다음 구성을 추가합니다.

"chat.mcp.discovery.enabled": true

"chat.mcp.discovery.enabled": true

Visual Studio Code는 자동으로 기존 구성을 찾아 Visual Studio Code 인스턴스에서 사용합니다.

새 MCP 서버 만들기

특정 요구 사항을 충족하기 위해 새 MCP 서버를 만든 다음, Copilot Chat과 통합할 수 있습니다. 예를 들어 데이터베이스 또는 웹 서비스에 연결하는 MCP 서버를 만든 다음, Copilot Chat에서 해당 서버를 사용하여 해당 데이터베이스 또는 웹 서비스에서 작업을 수행할 수 있습니다.

자체 MCP 서버를 만들고 구성하는 방법에 대한 자세한 내용은 공식 MCP 설명서를 참조하세요.