8장MCP, AI에게 손과 발을 달아 주는 방법

AI 기본기 목차

8 / 19

1부 · AI와 일하기 시작

2부 · AI의 언어와 도구

3부 · 코드 관리

4부 · 만들기

5부 · 세상에 내놓기

8장

AI 기본기 시리즈CHAPTER 08 / 19

MCP, AI에게 손과 발을 달아 주는 방법

대화만 하던 AI가 브라우저를 열고 DB를 조회합니다. 그 연결 규칙이 MCP입니다.

4분 읽기카드뉴스 6장

19장 중 8장 · 차근차근 가는 중1부 → 5부

  • 카드뉴스 1 / 6

1 / 6

이 장의 내용 · 5

AI에게 "우리 DB에 신청자가 몇 명이야?"라고 물으면 어떻게 될까요? 기본 상태의 AI는 DB에 들어갈 방법이 없어서 대답하지 못합니다. 아는 건 많지만 손발이 없는 셈입니다.

MCP(Model Context Protocol)는 AI에게 손과 발을 달아 주는 약속입니다. Anthropic이 2024년 말에 공개한 개방형 표준으로, 지금은 여러 AI 도구가 함께 쓰고 있습니다.

8.1USB-C를 떠올리면 쉽습니다

  • AI 쪽(Claude Code 같은 프로그램)은 MCP라는 단자를 하나 가지고 있고,
  • 각 서비스(DB, 브라우저, 캘린더, 디자인 툴 등)는 MCP 서버라는 "케이블"을 제공합니다.

꽂기만 하면 AI가 그 서비스의 기능을 도구처럼 꺼내 씁니다.

8.2실제로 이렇게 씁니다

바이브공장장 홈페이지도 MCP를 쓰며 만들고 있습니다.

  • Supabase14장 MCP: "후기 테이블에 사진 칸 추가해 줘" → AI가 직접 DB 구조를 바꿉니다.
  • Playwright MCP: "신청 페이지 모바일 화면 확인해 줘" → AI가 브라우저를 열어 캡처하고 깨진 곳을 찾습니다.

사람은 말로 요청하고, AI는 MCP로 연결된 도구 중 알맞은 것을 골라 실행합니다.

8.3연결은 JSON 몇 줄

7장7장의 JSON이 여기서 등장합니다. Claude Code에서는 프로젝트 폴더의 .mcp.json 파일에 연결할 서버를 적습니다. 모양은 대략 이렇습니다.

코드
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

터미널에서 claude mcp add 명령으로 추가해도 됩니다. 서버마다 설치 방법이 조금씩 다르니, 서비스의 안내 문서를 AI에게 보여 주고 "이거 연결해 줘"라고 하는 게 가장 빠릅니다.

8.4주의할 점

  • 권한: MCP로 연결하면 AI가 그 서비스에서 실제로 행동합니다. 운영 DB처럼 중요한 곳은 읽기 전용으로 연결하거나, 실행 전에 꼭 확인을 거치세요.
  • 출처: 아무 MCP 서버나 설치하지 말고, 서비스 공식 서버나 믿을 만한 곳의 것을 쓰세요.

8.5AI에게 이렇게 말해 보세요

  • “Supabase MCP를 이 프로젝트에 연결하는 방법 알려 줘”
  • “지금 연결된 MCP 서버와 쓸 수 있는 도구 목록 보여 줘”
  • “이 MCP 서버가 공식 서버인지 확인해 줘”

MCP가 AI에게 도구를 준다면, 9장의 Skills는 AI에게 일하는 방법을 가르칩니다.

— 8장 끝 —

함께 읽으면 좋은 장