MCP(Model Context Protocol)

What is MCP(Model Context Protocol)

MCP는 Claude를 만든 Anthropic이 만든 개방형 표준입니다. MCP로 AI 모델은 데이터 소스에 안전하게 액세스하고 상호 작용할 수 있습니다. 대규모 언어 모델(LLM)이 안전하고 통제된 방식으로 외부 시스템에서 컨텍스트를 검색할 수 있는 표준화된 방식을 만듭니다. MCP는 AI 모델과 데이터 서비스 간의 브리지 역할을 함으로써 데이터 신선도, 환각 감소, 통제된 데이터 액세스를 포함한 AI 애플리케이션의 중요한 과제를 해결하는 데 도움이 됩니다.

MCP는 2025년 3월 GithUb Starlet 1위를 했으며, 많은 개발자와 AI전문가들이 2025년은 MCP가 AI시장에 가장 큰 충격으로 보고 있습니다. alt text

@haltakov X 에 포스트한 흐름을 보면 MCP 전후 상황을 알 수 있습니다. Without MCP에서 AI 앱들은 각 서비스에 맞춰 개발해야 합니다. With MCP에서 개발자는 표준화된 프로토콜을 사용한 서버를 만듭니다. 각 클라이어트(AI 앱)에서는 서버를 사용해 다양한 서비스를 접속할 수 있습니다.

어떤 사람들은 MCP가 복잡성을 더한다고 주장하지만, 실제로는 복잡성을 줄입니다! MCP가 없다면 각 클라이언트는 모든 서버/도구와 통합해야 하므로 N×M 통합이 발생합니다. MCP를 사용하면 모든 클라이언트와 모든 서버가 MCP와 통합되어 N+M 연결만 발생합니다

[!note]

Without MCP

  • AI App1 > Custom impementation > Custom prompt login > Custom tool calls > Custom data acces
  • AI App2 > Custom impementation > Custom prompt login > Custom tool calls > Custom data acces
  • AI App3 > Custom impementation > Custom prompt login > Custom tool calls > Custom data acces

[!note]

With MCP

  • MCP Client(AI App) x n > MCP server(MCP Protocal) > Service x n

이와 같이 MCP 서버는 AI 모델 요청을 특정 데이터 소스 작업으로 변환하는 중개자 역할을 합니다. 또한 표준화된 프로토콜로 에이전트 개발 효율성이 크게 향상되어 AI 클라이언를 내게 맞는 에이전트로 만들어줄 MCP Server가 빠르게 나오고 있습니다. AI 에이전트 시대가 시작되었다고 합니다.

다음은 Star-history에서 뽑은 몇 가지 주목할 만한 구현입니다.

MCP Server 설치해 보기

Node.js 설치

Node.js는 20.0 이상으로 설치하세요. Node.js 홈 화면에 있는 다운로드 버튼은 LTS(Long Term Support)버전으로 일반 버전과 달리 안정성을 두고 지원기간이 길어집니다. 다운받아서 설치하시기 바랍니다. alt text

Claude설치와 MCP Server정의

  1. Claude 데스크탑 앱 Settings를 선택합니다.
  2. Developer 탭을 선택 후 Edit Config를 선택합니다.
  3. Finder(탐색기)가 열리고 "claude_desktop_config.json" 파일 아이템에 하이라이트가 됩니다. 파일 열기를 합니다.
  4. 메모장 또는 문서 편집에서 아래 서버 정의 코드를 붙여 넣기 합니다.
  5. "본 텍스트는 MCP 서버가 열람할 경로로 바꿔 주세요"를 변경합니다. "예: /user/wkk/desktop"
  6. Claude 데스크탑 앱을 종료 후 다시 켜면 아래에 도구(Tools)이 표시되어 있습니다. 키워드를 입력시 (예: 바탕화면 파일 파일 분석해줘)
  7. 폴더 접근에 권한을 묻습니다. 승인합니다.
  8. LLM이 로컬 폴더를 열람 후 결과를 보고 합니다.

alt text

    "mcpServers": {
        "filesystem": {
        "command": "npx",
        "args": [
            "-y",
            "@modelcontextprotocol/server-filesystem",
            "MCP 서버가 열람할 폴더 경로",
        ]
        }
    }

코든 원본 mcpServers

끝으로 Figma MCP 서버를 사용해 컨텍스트 메뉴 클릭으로 Cursor에 코드를 만드는 유튜브 영상을 공유합니다.

참고자료

← Previous
개발자 컨퍼런스 Pleos25 참관 후기
Next →
디자이너와 바이브 코딩(Vibe Coding)