뉴스 - 원문 기반 요약 필요

---

title: "이틀에 MCP 앱 20개 만들어보니 이랬어요" description: "뉴스 - 원문 기반 요약 필요" date: 2026-06-20 tags: [ai-news] source: "https://dev.to/arcade/lessons-from-building-20-mcp-apps-in-2-days-1f98" sidebar: order: 0

제목(한글): 이틀에 MCP 앱 20개 만들어보니 이랬어요 원문 제목(영문): Lessons from building 20 MCP Apps in 2 days 원문: Lessons from building 20 MCP Apps in 2 days 소스: dev-to-ai MD 파일: content/2026-06-20/dev-to-ai-lessons-from-building-20-mcp-apps-in-2-days.md

핵심 내용

이틀 동안 MCP 앱 20개를 직접 만들어본 팀의 솔직한 후기가 나왔어요. MCP Apps는 도구 실행 결과 옆에 UI를 함께 돌려주는 MCP 공식 첫 확장 스펙이거든요.

핵심은 두 가지예요. 첫째, MCP 앱은 외부 URL이 아니라 MCP 서버 안에서 ui:// 스킴으로 서빙돼요. 둘째, UI는 '보조'일 뿐이에요. 텍스트 응답이 진짜 계약이고, 호스트가 MCP Apps를 지원 안 하면 _meta.ui는 조용히 무시돼요.

이 팀은 내부 디자인 시스템을 재활용하려고 React + Vite를 선택했고, TSX 파일마다 HTML을 뽑는 구조로 정착했어요. CSV 대신 차트, 글머리 대신 PR 목록처럼 정보를 시각화하는 게 목적이라면, 지금 당장 써볼 수 있는 스펙이에요.

잡돌쌤의 한마디

UI는 보조 수단이고 텍스트가 본체예요. 호스트가 지원하면 시각화, 아니면 텍스트만—양쪽 다 대응할 수 있어야 해요.

---

출처: Lessons from building 20 MCP Apps in 2 days