| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- Claude
- GPT-5.6
- Android
- 앤트로픽
- 홍드로이드
- OpenAI
- Gemini
- 오픈모델
- ai 뉴스
- Anthropic
- 무료 LLM
- codex
- cursor
- 안드로이드 기초
- ChatGPT
- AI 코딩
- 안드로이드 튜토리얼
- 개발자
- AI 에이전트
- ai코딩
- 카드 없이
- qwen
- LLM
- 바이브코딩
- 안드로이드 스튜디오
- 안드로이드
- claude code
- Android Studio
- MCP
- 무료 ai
- Today
- Total
홍드로이드의 야매코딩
Vercel CLI + MCP로 웹사이트 간단 배포하기 (2026 가이드) 본문

웹사이트를 만들었다면, 다음은 배포죠. Vercel은 이걸 가장 간단하게 해주는 플랫폼인데, 방법이 두 가지예요 — CLI로 명령 한 줄, 그리고 MCP로 Claude Code 같은 AI에게 맡기기. 이 글에서 둘을 각각, 그리고 합쳐서 쓰는 법을 2026년 기준으로 정리합니다.
✓ Vercel MCP로 AI에게 배포·로그 맡기기
✓ 둘을 합친 실전 워크플로
✓ 꼭 알아야 할 보안 주의점
방법 1 — Vercel CLI로 한 줄 배포
가장 직접적인 방법입니다. 설치하고 프로젝트 폴더에서 명령만 치면 돼요.
# 설치
npm i -g vercel
# 프로젝트 연결 (한 번만)
vercel link
# 환경변수 내려받기 (필요시)
vercel env pull .env.local
# 미리보기(preview) 배포
vercel
# 프로덕션 배포
vercel deploy --prod # 또는 vercel --prod
--prod를 꼭 확인
--prod 없이 배포하면 미리보기 환경으로 나갑니다. 실서비스 배포는 반드시 --prod를 붙이세요. 처음 세팅 질문을 건너뛰려면 --yes, 배포 후 다음 단계 안내는 --guidance를 활용하면 됩니다.
방법 2 — Vercel MCP로 AI에게 맡기기
Vercel MCP는 Vercel 공식 원격 MCP 서버(https://mcp.vercel.com)입니다. Claude Code 같은 AI에 붙이면 자연어로 Vercel을 다룰 수 있어요:
| 📚 문서 검색 — Vercel 공식 문서에서 정확한 답을 |
| 🪵 배포 로그 분석 — 에러 로그를 읽고 원인·수정안 제시 |
| 🗂️ 프로젝트·배포 관리 — 배포·환경변수·도메인 상태 등 |
Claude Code에 붙이는 법은 명령 한 줄(인증은 /mcp):
# 프로젝트 폴더에서
claude mcp add --transport http vercel https://mcp.vercel.com
claude
/mcp # OAuth로 Vercel 인증
# 모든 AI 클라이언트에 한 번에 설치하려면
npx add-mcp https://mcp.vercel.com
※ Claude Code 외에 Cursor·Codex CLI·VS Code(Copilot)·ChatGPT·Gemini CLI 등도 mcp.vercel.com에 연결됩니다.
둘을 합친 실전 워크플로
사이트를 만들고, "Vercel에 배포해줘"라고 자연어로 지시.
배포가 실패하면 "배포 로그 보고 원인 고쳐줘" — MCP가 로그를 읽어 수정안을 줍니다.
최종 프로덕션 배포·환경변수 같은 민감한 작업은
vercel --prod로 직접.CLI의 정밀함 + MCP의 자연어, 둘을 섞는 게 최고
⚠️ 보안 주의
🔐 공식 엔드포인트만 — 반드시 https://mcp.vercel.com 인지 확인. MCP 연결은 내 Vercel 계정 권한을 AI에 줍니다. |
| ✅ 사람 확인 켜두기 — 배포 등 변경 작업은 실행 전 직접 검토·승인하도록. |
| 🛡️ 프롬프트 인젝션 경계 — 신뢰할 수 없는 도구/입력이 "로그를 외부로 보내라" 같은 악성 지시를 심을 수 있으니 주의. |
자주 묻는 질문 (FAQ)
둘 다 쓰면 좋습니다. 빠르고 정밀한 배포는 CLI, 로그 분석·문서 검색·자연어 작업은 MCP. 역할이 다릅니다.
vercel은 미리보기 URL(테스트용), vercel --prod는 실제 도메인으로 나가는 프로덕션 배포입니다.
OAuth 인증과 연결마다 명시적 동의를 요구하고, '혼동된 대리자' 공격 방어 등 보안 장치가 있습니다. 그래도 사람 확인을 켜고 권한을 점검하는 게 안전해요.
마치며
Vercel은 "명령 한 줄로 배포"를 넘어, 이제 "AI에게 배포를 말로 맡기는" 단계까지 왔습니다. CLI로 정밀하게, MCP로 똑똑하게 — 둘을 섞으면 코딩부터 배포·디버그까지 한 흐름이 됩니다. 보안만 챙기면, 1인 개발자도 운영팀처럼 일할 수 있어요.
여러분은 어떻게 배포하고 계신가요? 나만의 배포 워크플로가 있다면 댓글로 공유해주세요 🙌
※ 본 글은 2026년 7월 기준 Vercel 공식 문서를 확인해 작성했습니다. 주요 출처: vercel.com/docs/cli/deploy, vercel.com/docs/agent-resources/vercel-mcp. CLI 옵션·MCP 도구·보안 정책은 업데이트될 수 있으니 공식 문서에서 현행 정보를 확인하세요.
'AI & Vibe Coding' 카테고리의 다른 글
| Codex vs Claude Code vs Antigravity 요금제·토큰 한도 완전 비교 (2026) (0) | 2026.07.01 |
|---|---|
| Claude Code 권한 모드 6가지 총정리 — plan·auto·dangerous까지 (0) | 2026.07.01 |
| Replit Agent로 바이브코딩 시작하기 — 말로 앱 만드는 법 (2026) (0) | 2026.07.01 |
| Serena MCP란? AI 코딩 에이전트에 'IDE의 눈'을 달아주는 도구 (2026) (0) | 2026.06.30 |
| LSP란? grep·find보다 똑똑한 코드 분석 (AI 코딩 시대의 필수) (0) | 2026.06.30 |
