VS Code에서 MCP 서버 설정 및 활용법 완벽가이드!

GitHub Copilot Chat을 제대로 활용하려면 Model Context Protocol(MCP) 서버 설정은 필수!

🛠️ VS Code 안에서 다양한 외부 도구와 손쉽게 연결해 업무를 자동화하고 싶다면, 오늘 이 글을 꼭 끝까지 읽어주세요!

Visual Studio Code의 GitHub Copilot Chat은 기본 기능만으로도 충분히 강력하지만, MCP 서버를 연동하면 파일 시스템 탐색, 데이터베이스 쿼리, 외부 API 호출 등 차원이 다른 작업이 가능합니다. 🌟

---

목차

1. Model Context Protocol(MCP)란
2. VS Code에서 MCP 서버 설정 준비
3. MCP 서버 추가 방법
4. MCP 서버 구성 예시
5. 에이전트 모드에서 MCP 도구 활용법
6. 다양한 MCP 서버 찾기 및 확장 방법
7. 핵심 요약 및 실천 방법 제안

---

Model Context Protocol(MCP)란

Model Context Protocol, 줄여서 MCP는 AI 모델이 외부 도구 및 서비스와 통합할 수 있도록 돕는 오픈 프로토콜입니다. 🚀
VS Code의 GitHub Copilot Chat에서는 MCP를 통해 파일 읽기, 쓰기, 검색은 물론 데이터베이스나 외부 API 호출도 자유롭게 할 수 있어요.

MCP는 클라이언트-서버 구조를 따르며, VS Code는 클라이언트 역할을 합니다. 다양한 도구를 제공하는 MCP 서버에 연결해 필요한 기능을 수행하는 방식이죠. 이 구조 덕분에 복잡한 업무도 훨씬 간단하게 해결할 수 있답니다. ✅

---

VS Code에서 MCP 서버 설정 준비

Visual Studio Code 버전 1.99 이상에서는 MCP 지원이 기본적으로 활성화되어 있어요.
설정 방법은 간단합니다!

1. settings.json 파일 열기
2. chat.mcp.enabled가 true로 되어 있는지 확인

만약 false로 되어 있다면 true로 변경해 주세요! 🔧
이렇게 하면 VS Code가 MCP 서버를 찾고 연결할 준비가 끝납니다.

---

MCP 서버 추가 방법

MCP 서버를 추가하는 방법은 세 가지가 있어요:

• 워크스페이스 설정
  .vscode/mcp.json 파일에 MCP 서버 구성을 추가해 팀원들과 공유할 수 있어요.
• 사용자 설정
  VS Code 전역 settings.json 파일에 MCP 서버를 추가하면 모든 워크스페이스에서 사용 가능!
• 자동 검색 기능
  chat.mcp.discovery.enabled 설정을 활성화하면 Claude Desktop 같은 외부 도구에서 정의된 MCP 서버를 자동으로 감지할 수 있어요.

주의사항: MCP 서버는 로컬에서 코드를 실행할 수 있으니, 반드시 신뢰할 수 있는 서버만 추가하세요! 🔥

---

MCP 서버 구성 예시

Perplexity MCP 서버를 추가하는 예시는 다음과 같아요:

{
  "inputs": [
    {
      "type": "promptString",
      "id": "perplexity-key",
      "description": "Perplexity API Key",
      "password": true
    }
  ],
  "servers": {
    "Perplexity": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-perplexity-ask"],
      "env": {
        "PERPLEXITY_API_KEY": "${input:perplexity-key}"
      }
    }
  }
}

이 설정을 프로젝트의 .vscode/mcp.json에 추가하면 완료! 🎯
추가 후 VS Code를 재시작하거나, 워크스페이스를 다시 열어주세요.

---

에이전트 모드에서 MCP 도구 활용법

에이전트 모드는 Copilot이 작업을 자동으로 계획하고 실행하는 모드입니다. 🧠

MCP 서버를 등록해두면 에이전트 모드에서 이런 것들이 가능해져요:

• 데이터베이스 쿼리 실행
• 외부 API 호출
• 파일 시스템 탐색

채팅창에서 #을 입력하거나, 도구 목록을 열어 사용할 도구를 직접 선택할 수도 있습니다. 작은 작업을 반복해서 입력할 필요 없이 똑똑하게 일처리를 할 수 있답니다. ✨

---

다양한 MCP 서버 찾기 및 확장 방법

MCP 서버를 더 추가하고 싶나요? 🤔

• MCP 공식 서버 저장소를 방문하면 파일 시스템, 데이터베이스, 웹 서비스 등 다양한 도구를 찾을 수 있어요.
• VS Code 확장 프로그램 마켓플레이스에서는 @tag:language-model-tools로 검색해서 다양한 MCP 관련 확장을 바로 설치할 수 있습니다.

필요한 기능을 골라쓰는 재미까지 느낄 수 있으니 꼭 한번 찾아보세요!

---

핵심 요약 및 실천 방법 제안

Visual Studio Code에서 GitHub Copilot Chat과 함께 MCP 서버를 활용하면 개발 생산성이 극대화됩니다!
설정 방법은 생각보다 간단하니까, 지금 바로 MCP 서버를 하나 추가해서 테스트해보세요. 🚀

작은 차이가 큰 결과를 만들어냅니다.
오늘부터 여러분도 GitHub Copilot Chat의 진짜 힘을 경험해보세요!

 

참고링크:https://code.visualstudio.com/docs/copilot/chat/mcp-servers

Use MCP servers in VS Code (Preview)