Claude Code MCP 서버 10개를 GitHub·DB·브라우저·디자인·모니터링 5개 카테고리로 분류하고, OS별 설치 명령어와 실전 활용 예시까지 한 번에 정리합니다.
MCP 서버를 처음 연결해보면 "이거 진짜 되네?"라는 놀라움과 동시에 "그래서 나한테 진짜 필요한 서버는 뭔데?"라는 질문이 따라옵니다. 2026년 4월 현재 MCP 생태계에는 수천 개의 서버가 존재하지만, 실제로 매일 설정에 남아 있는 서버는 많아야 5~6개입니다. 나머지는 한 번 연결해보고 지우게 됩니다.
이 글은 수많은 서버 중에서 실제 개발 워크플로에서 살아남는 10개를 선별했습니다. 선정 기준은 세 가지입니다. 첫째, 공식 벤더가 관리하거나 활발히 유지보수되는 서버인가. 둘째, 연결 후 체감 생산성 향상이 명확한가. 셋째, 설치가 5분 이내로 끝나는가. 각 서버마다 OS별(bash/PowerShell/CMD) 설치 명령어, 인증 방식, 추천 scope, 그리고 "이걸로 뭘 할 수 있는가"를 실전 프롬프트 예시와 함께 정리했습니다.
MCP가 무엇인지, 첫 서버는 어떻게 연결하는지 아직 익숙하지 않다면 Claude Code MCP 서버 입문 가이드를 먼저 읽고 오시는 것을 추천드립니다. Claude Code 자체가 처음이라면 설치 가이드부터 시작하시면 됩니다.
한눈에 보는 MCP 서버 10선 요약표
| # | 서버 | 카테고리 | 인증 | 추천 Scope |
|---|---|---|---|---|
| 1 | GitHub MCP | 코드 관리 | OAuth | user (전역) |
| 2 | Playwright MCP | 브라우저 | 없음 (로컬) | local |
| 3 | PostgreSQL MCP | 데이터베이스 | DB 접속 정보 | local |
| 4 | Supabase MCP | 데이터베이스 | OAuth | local |
| 5 | Sentry MCP | 모니터링 | OAuth | local |
| 6 | Figma MCP | 디자인 | OAuth | user |
| 7 | Notion MCP | 문서·협업 | OAuth | user |
| 8 | Slack MCP | 문서·협업 | OAuth | user |
| 9 | Context7 MCP | 검색·컨텍스트 | 없음 (로컬) | user |
| 10 | Brave Search MCP | 검색·컨텍스트 | API 키 | user |
시작 전 공통 준비사항
🛠 모든 서버 공통 준비물
- Claude Code 설치 완료 (아직이라면 설치 가이드 참고)
- Node.js 18 이상 — stdio 방식 서버들이
npx를 사용합니다 (nodejs.org에서 설치)
⚠️ OS별 줄바꿈 문자 차이: 이 글의 설치 명령어 중 여러 줄에 걸치는 것은 macOS/Linux/WSL(백슬래시\), PowerShell(백틱`), CMD(줄바꿈 없이 한 줄) 3가지 버전을 모두 제공합니다. 줄바꿈이 필요 없는 단순 명령어는 OS 구분 없이 하나만 표기합니다.
1. GitHub MCP — 코드 관리의 핵심
이슈 검색, PR 리뷰, 커밋 분석, 크로스 리포지토리 코드 검색을 터미널에서 자연어로 처리합니다. 대부분의 개발자가 가장 먼저 연결하는 서버입니다.
설치 (HTTP transport, 모든 OS 동일):
claude mcp add --transport http github https://api.githubcopilot.com/mcp/설치 후 Claude Code 세션에서 /mcp → github 선택 → Authenticate로 OAuth 인증을 완료합니다.
실전 프롬프트 예시:
https://github.com/Comfy-Org/ComfyUI 리포지토리에서 열려 있는 이슈 중 버그 라벨 붙은 것만 보여줘
2. Playwright MCP — 브라우저 자동화
웹페이지를 열고, 클릭하고, 폼을 채우고, 스크린샷을 찍는 등 브라우저 작업을 자연어로 시킬 수 있습니다. API 키가 필요 없고 완전 로컬에서 동작합니다.
사전 요구: Playwright 전용 Chromium 설치 (시스템 Chrome과 별개)
npx playwright install chromium설치 (OS별 분리):
macOS / Linux / WSL:
claude mcp add playwright --scope local \
-- npx -y @playwright/mcp --headless --output-dir ./screenshotsWindows PowerShell:
claude mcp add playwright --scope local `
-- npx -y @playwright/mcp --headless --output-dir ./screenshotsWindows CMD (한 줄):
claude mcp add playwright --scope local -- npx -y @playwright/mcp --headless --output-dir ./screenshots--output-dir ./screenshots를 넣으면 스크린샷이 해당 폴더에 이미지 파일로 저장됩니다. 이 옵션을 생략하면 Claude가 페이지 내용을 텍스트로만 설명하고 파일은 저장하지 않을 수 있습니다.
실전 프롬프트 예시 (한 번에 하나의 URL과 하나의 작업):
https://news.ycombinator.com 에 접속해서 상위 5개 뉴스 제목을 가져와줘3~4. 데이터베이스 — PostgreSQL MCP · Supabase MCP
3. PostgreSQL MCP
자연어로 DB 쿼리를 실행합니다. "지난 30일간 결제 건수를 일별로 보여줘" 같은 요청이 SQL로 변환되어 실행됩니다.
설치 (OS별 분리):
macOS / Linux / WSL:
claude mcp add --transport stdio db \
-- npx -y @bytebase/dbhub \
--dsn "postgresql://readonly:password@localhost:5432/mydb"Windows PowerShell:
claude mcp add --transport stdio db `
-- npx -y @bytebase/dbhub `
--dsn "postgresql://readonly:password@localhost:5432/mydb"Windows CMD (한 줄):
claude mcp add --transport stdio db -- npx -y @bytebase/dbhub --dsn "postgresql://readonly:password@localhost:5432/mydb"⚠️ 보안 필수: DSN(접속 문자열)에는 반드시 읽기 전용(readonly) 계정을 사용하세요. Claude가 실수로 데이터를 변경하는 사고를 방지할 수 있습니다.
4. Supabase MCP
Supabase 프로젝트의 DB, 인증, 스토리지, Edge Functions를 터미널에서 관리합니다. Supabase를 쓰고 있다면 대시보드를 대체할 수 있습니다.
설치 (HTTP transport, 모든 OS 동일):
claude mcp add supabase --scope local --transport http https://mcp.supabase.com/mcpOAuth 인증이 필요합니다. 설치 후 /mcp → supabase → Authenticate를 진행합니다.
5. Sentry MCP — 에러 모니터링
프로덕션 에러의 스택 트레이스, breadcrumb, 영향받은 사용자 수를 Claude Code로 직접 가져옵니다. "이번 주 상위 에러가 뭐야?"라고 물으면 실제 스택 트레이스를 분석해 수정 방향까지 제안합니다.
설치 (HTTP transport, 모든 OS 동일):
claude mcp add sentry --scope local --transport http https://mcp.sentry.dev/mcpOAuth 인증이 필요합니다. /mcp → sentry → Authenticate를 진행합니다.
실전 프롬프트 예시:
이번 주 발생한 상위 에러 3개의 스택 트레이스를 보여주고 원인 분석해줘6. Figma MCP — 디자인 → 코드
Figma 선택 영역의 실제 구조(계층, auto-layout, 스페이싱 토큰, 컴포넌트 참조)를 Claude Code에 노출합니다. 스크린샷이 아닌 실제 디자인 데이터를 기반으로 코드를 생성합니다.
설치 (HTTP transport, 모든 OS 동일):
claude mcp add figma --scope user --transport http https://mcp.figma.com/mcpOAuth 인증이 필요합니다. /mcp → figma → Authenticate를 진행합니다.
💡 주의사항: Figma 무료(Starter) 플랜 또는 View/Collab 좌석은 월 6회 호출 제한이 있습니다. 본격적으로 사용하려면 Professional 이상 플랜의 Dev 또는 Full 좌석이 필요합니다. 가격 정책은 변경될 수 있으니 Figma 공식 사이트에서 확인하시는 것이 정확합니다.
실전 프롬프트 예시:
현재 Figma에서 선택한 프레임을 Tailwind CSS 컴포넌트로 만들어줘7~8. 문서·협업 — Notion MCP · Slack MCP
7. Notion MCP
Notion 워크스페이스의 페이지를 검색하고, 작업을 업데이트하고, 프로젝트 요구사항을 코딩 워크플로에 가져옵니다. 코드 변경 후 문서를 자동으로 갱신하는 데 유용합니다.
설치 (HTTP transport, 모든 OS 동일):
claude mcp add --transport http notion https://mcp.notion.com/mcpOAuth 인증이 필요합니다. /mcp → notion → Authenticate를 진행합니다.
실전 프롬프트 예시:
Notion에서 이번 스프린트 요구사항을 가져와서 정리해줘8. Slack MCP
메시지 전송, 대화 이력 검색, 채널 관리를 터미널에서 자연어로 처리합니다. 배포 완료 후 팀에 자동 알림을 보내거나, 스레드를 요약하는 데 유용합니다.
설치: Slack MCP는 현재 공식 HTTP 엔드포인트가 제공되며, 설치 방식이 자주 업데이트되고 있습니다. 가장 정확한 최신 설치 방법은 Claude Code 공식 MCP 문서에서 확인하시는 것을 권장합니다.
실전 프롬프트 예시:
#dev-team 채널에 "v2.1.0 배포 완료" 메시지를 보내줘9~10. 검색·컨텍스트 — Context7 MCP · Brave Search MCP
9. Context7 MCP
Upstash가 만든 서버로, 50개 이상의 프레임워크(React, Next.js, Tailwind CSS 등)의 최신 버전 공식 문서를 Claude 컨텍스트에 직접 주입합니다. Claude가 2버전 전에 폐기된 API를 자신있게 추천하는 일을 방지합니다.
설치 (stdio, 모든 OS 동일):
claude mcp add context7 -- npx -y @upstash/context7-mcpAPI 키 없이 바로 동작합니다.
실전 프롬프트 예시:
Next.js 15의 App Router에서 서버 컴포넌트 사용법을 최신 문서 기준으로 알려줘10. Brave Search MCP
Claude Code 세션 안에서 실시간 웹 검색을 할 수 있게 해줍니다. 에러 메시지를 검색하거나 최신 라이브러리 정보를 찾을 때 브라우저를 열 필요가 없어집니다.
사전 요구: Brave Search API에서 무료 API 키를 발급받아야 합니다. (월 2,000건 무료)
설치 (OS별 분리 — 환경 변수 설정):
macOS / Linux / WSL:
claude mcp add brave-search --scope user \
-e BRAVE_API_KEY=YOUR_API_KEY_HERE \
-- npx -y @anthropic-ai/mcp-server-brave-searchWindows PowerShell:
claude mcp add brave-search --scope user `
-e BRAVE_API_KEY=YOUR_API_KEY_HERE `
-- npx -y @anthropic-ai/mcp-server-brave-searchWindows CMD (한 줄):
claude mcp add brave-search --scope user -e BRAVE_API_KEY=YOUR_API_KEY_HERE -- npx -y @anthropic-ai/mcp-server-brave-searchYOUR_API_KEY_HERE 부분을 실제 발급받은 키로 교체하세요.
나만의 조합 추천 — 역할별 베스트 3 세트
10개를 모두 설치할 필요는 없습니다. 활성 서버는 5~6개 이하가 권장됩니다. 내 역할에 맞는 조합을 골라 시작하세요.
💡 필자의 경험: 저는 GitHub + Playwright + Context7 3개를 전역(user scope)으로 설정해 모든 프로젝트에서 쓰고, 프로젝트별로 DB나 Sentry를 local scope로 추가하는 방식을 사용하고 있습니다. 이 조합으로 시작한 뒤 필요할 때 하나씩 추가하는 것이 가장 안정적이었습니다.
| 역할 | 추천 서버 3개 | 이유 |
|---|---|---|
| 풀스택 개발자 | GitHub + PostgreSQL + Playwright | 코드 → DB → 브라우저 테스트 전체 루프 |
| 프론트엔드 개발자 | Figma + Context7 + Playwright | 디자인 → 최신 문서 → 결과 검증 |
| PM / 기획자 | Notion + Slack + GitHub | 요구사항 → 커뮤니케이션 → 이슈 추적 |
자주 묻는 질문 (FAQ)
Q. 10개를 다 설치해도 속도에 문제 없나요?
Claude Code의 Tool Search 기능이 필요한 도구만 lazy loading하므로 컨텍스트 부담은 거의 없습니다. 다만 각 서버가 별도 서브프로세스로 실행되기 때문에, 시스템 리소스 측면에서 동시에 활성화된 서버는 5~6개 이하로 유지하는 것이 권장됩니다.
Q. HTTP transport와 stdio transport의 차이는 뭔가요?
HTTP transport는 원격 서버에 접속하는 방식으로 GitHub, Sentry, Notion 같은 클라우드 서비스에 사용됩니다. stdio transport는 로컬에서 프로세스를 실행하는 방식으로 Playwright, PostgreSQL처럼 내 컴퓨터에서 직접 동작하는 서버에 사용됩니다. HTTP 서버는 주로 OAuth 인증이 필요하고, stdio 서버는 npx로 패키지를 실행하므로 Node.js가 필요합니다.
Q. 설치한 MCP 서버를 제거하려면 어떻게 하나요?
claude mcp remove 서버이름 명령어로 제거할 수 있습니다. 예를 들어 GitHub MCP를 제거하려면 claude mcp remove github 을 실행합니다. 현재 설치된 서버 목록은 claude mcp list 로 확인할 수 있습니다.
Q. OAuth 인증 시 브라우저 리다이렉트가 실패합니다.
공식 문서에 따르면, 브라우저 리다이렉트가 연결 에러로 실패하는 경우 브라우저 주소창에 표시된 전체 콜백 URL을 복사해서 Claude Code에 나타나는 URL 프롬프트에 붙여넣으면 됩니다. 일부 MCP 서버는 사전에 등록된 리다이렉트 URI가 필요한데, 이 경우 --callback-port 옵션으로 포트를 고정하면 해결되는 경우가 많습니다.
Q. Cursor에서 이미 MCP 서버를 쓰고 있는데, Claude Code에서도 그대로 쓸 수 있나요?
네, MCP는 오픈 표준이므로 같은 서버를 Claude Code, Cursor, Windsurf, VS Code 등에서 공유할 수 있습니다. 다만 설정 파일 위치가 다릅니다. Claude Code는 ~/.claude.json 또는 프로젝트 내 .mcp.json에, Cursor는 ~/.cursor/mcp.json에 설정을 저장합니다. JSON 구조 자체는 동일합니다.
Q. 팀원 전체가 같은 MCP 서버를 쓰려면 어떻게 설정하나요?
--scope project 옵션을 사용하면 설정이 프로젝트 루트의 .mcp.json 파일에 저장됩니다. 이 파일을 Git에 포함하면 팀원 전체가 같은 서버 설정을 공유할 수 있습니다. 단, API 키 같은 민감한 값은 .mcp.json에 넣지 말고 환경 변수로 분리하시는 것을 권장합니다.
Q. Context7은 어떤 프레임워크 문서를 지원하나요?
2026년 기준으로 React, Next.js, Tailwind CSS, Vue, Svelte, Nuxt, Astro 등 50개 이상의 프레임워크 공식 문서를 지원합니다. 지원 목록은 계속 확대되고 있으며, 최신 지원 현황은 Context7 공식 리포지토리에서 확인할 수 있습니다.
Q. Brave Search API 무료 티어의 호출 제한은 어느 정도인가요?
Brave Search API는 무료 티어로 월 2,000건의 검색 쿼리를 제공합니다. 일반적인 개발 용도로는 충분한 수준이며, 이를 초과하면 유료 플랜으로 전환해야 합니다. 가격 정책은 변경될 수 있으므로 Brave Search API 공식 페이지에서 확인하시는 것이 정확합니다.
마무리 — 내가 매일 쓰는 도구부터 연결하세요
MCP 서버 10개를 모두 살펴봤지만, 핵심은 하나입니다. 내가 이미 매일 쓰고 있는 도구를 MCP로 연결하는 것이 가장 체감이 큽니다. GitHub을 매일 열면 GitHub MCP가, Figma를 매일 보면 Figma MCP가 최우선입니다. 하나를 연결하고 일주일 정도 써보면서 "이게 정말 내 워크플로에 맞는지" 확인한 뒤 다음 서버를 추가하는 점진적 방식이 가장 안정적입니다.
💬 현재 어떤 MCP 서버를 가장 애용하고 계신가요? 댓글로 나만의 추천 서버를 공유해 주세요.
🔖 OS별 설치 명령어를 자주 참고하실 분은 이 글을 북마크해 두시면 편리합니다.
📤 MCP 서버 도입을 고민 중인 팀원이 있다면 이 글을 공유해 주세요.
📚 다음에 읽으면 좋은 글
ℹ️ 이 블로그는 Google 애드센스를 통해 광고 수익을 얻을 수 있습니다. 자세한 내용은 개인정보처리방침을 참고하세요.
※ 이 글은 2026-04-18 기준으로 작성되었습니다. 최신 정보는 공식 사이트에서 확인하세요.
'개발 도구 & OS' 카테고리의 다른 글
| Claude Code MCP 서버 입문 가이드, 개념부터 첫 연결까지 (1) | 2026.04.17 |
|---|---|
| Claude Code 설치 가이드, 터미널 첫 세션까지 30분 완성 (0) | 2026.04.16 |
| 바이브 코딩 입문, 비개발자가 첫 앱 만드는 5단계 가이드 (1) | 2026.04.15 |
| API 키 없이 날씨 데이터 가져오는 Open-Meteo 완벽 가이드 2026 (1) | 2026.04.10 |
| 터미널 커스터마이징 완벽 가이드 2026 — fastfetch·starship·tmux 설정 (0) | 2026.04.09 |
