이 요약은 AI가 원문을 분석해 생성했습니다. 정확한 내용은 원문 기준으로 확인하세요.
TL;DR
MCP Apps는 단순한 UI가 결합된 MCP 서버를 넘어 모델과 UI가 실시간으로 컨텍스트를 공유하는 양방향 상호작용 레이어이다. 이 아키텍처는 ui:// 리소스를 통해 선언되며 호스트의 샌드박스화된 iframe 내에서 JSON-RPC-over-postMessage 방식으로 통신하며 상태를 유지한다. 특히 ui/update-model-context와 같은 프리미티브를 활용해 사용자의 추가 입력 없이도 앱의 상태를 모델의 컨텍스트 윈도우에 직접 주입할 수 있는 것이 핵심이다. 에이전트 중심의 인터페이스가 확산됨에 따라 기존의 인간 중심 UI 제품들은 에이전트가 접근 가능한 MCP App 형태로 진화해야만 사용자 경험에서 배제되지 않을 것이다.
챕터별 상세
00:00
MCP App의 정의와 기존 MCP 서버와의 차별점
MCP App은 단순히 UI가 추가된 MCP 서버가 아니라 모델과 UI가 실시간 컨텍스트를 공유하는 완전한 상호작용 레이어이다. 기존 서버가 정적인 데이터 제공에 그쳤다면 App은 양방향 통신이 가능하며 상태를 유지하는(stateful) 특성을 가진다. 호스트 환경에 의해 렌더링되며 모델의 추론 과정과 UI의 시각적 피드백이 긴밀하게 결합된 형태이다. 이는 사용자가 에이전트를 통해 도구를 조작할 때 시각적인 확인과 제어를 동시에 수행할 수 있게 한다.
MCP(Model Context Protocol)는 AI 모델과 외부 도구 간의 표준 통신 규약이다.
05:30
MCP App 아키텍처 및 렌더링 메커니즘
MCP App은 ui:// 리소스를 통해 선언되며 호스트는 이를 샌드박스화된 iframe 내에서 렌더링한다. 통신은 JSON-RPC-over-postMessage 전송 방식을 사용하여 보안이 유지된 상태로 데이터를 교환한다. 앱의 상태 흐름은 모델과 UI 사이에서 유기적으로 움직이며 호스트는 이들 사이의 중재자 역할을 수행한다. 이러한 구조는 앱이 로컬 환경이나 클라우드 어디에 있든 일관된 렌더링 성능과 보안을 보장한다.
JSON-RPC는 가벼운 원격 프로시저 호출 프로토콜이며 postMessage는 브라우저 창 간 통신 API이다.
12:15
핵심 프리미티브: ui/update-model-context와 ui/message
ui/update-model-context 프리미티브는 사용자의 명시적인 메시지 없이도 앱이 실시간 상태를 모델의 컨텍스트 윈도우에 직접 주입할 수 있게 한다. ui/message는 앱이 대화 흐름 속에서 자발적으로 모델에게 정보를 전달하거나 응답하는 기능을 제공한다. 또한 App Tools를 통해 모델이 앱 내에 등록된 특정 도구 표면을 직접 호출하여 조작할 수 있다. 이러한 프리미티브들은 모델이 현재 UI에서 벌어지는 일을 실시간으로 '보고' 반응할 수 있게 만드는 핵심 요소이다.
프리미티브(Primitive)는 시스템을 구성하는 가장 기초적인 연산이나 기능을 의미한다.
18:45
실전 데모 및 구축 사례 분석
초기 빌더들이 구축한 구체적인 MCP App 데모를 통해 실제 상호작용 패턴을 확인했다. 슬라이드 중심의 설명이 아닌 실제 작동하는 코드를 통해 UI와 모델이 어떻게 동기화되는지 시연했다. 개발 과정에서 겪는 기술적 난제들과 이를 해결하기 위한 최적의 인터페이스 설계 방식이 공유됐다. 특히 복잡한 상태 관리를 모델과 UI가 어떻게 나누어 처리하는지에 대한 실무적인 통찰이 포함됐다.
24:20
배포, 발견 및 비즈니스적 필연성
MCP App 전용 스토어를 통한 배포 프로세스와 호스트 간의 발견(Discovery) UX가 어떻게 작동하는지 설명했다. 사용자들이 점차 에이전트를 통해 모든 작업을 수행함에 따라 기존 UI 기반 제품들은 MCP App 버전을 갖추지 않으면 사용자 접점을 잃게 될 위험이 있다. 인간이 UI를 통해 사용하는 모든 제품은 결국 에이전트가 이해할 수 있는 MCP App 형태로 변모해야 한다. Manufact와 mcp-use 프레임워크는 이러한 전환을 돕는 클라우드 및 개발 인프라 역할을 수행한다.
mcp-use는 PyPI와 npm에서 800만 회 이상의 다운로드를 기록한 주요 MCP 개발 프레임워크이다.
용어 해설
- MCP
- — AI 모델이 외부 데이터 소스나 도구와 표준화된 방식으로 통신할 수 있게 해주는 프로토콜이다. 클라이언트와 서버 간의 인터페이스를 정의하여 다양한 AI 애플리케이션이 동일한 데이터 소스를 쉽게 활용하도록 돕는다.
- JSON-RPC
- — JSON을 사용하여 데이터를 교환하는 가벼운 원격 프로시저 호출(RPC) 프로토콜이다. MCP Apps에서 호스트와 앱 간의 명령 및 데이터 전달을 위한 통신 규약으로 사용된다.
- postMessage
- — 서로 다른 출처(Origin)를 가진 Window 객체 간에 안전하게 데이터를 주고받을 수 있게 하는 브라우저 API이다. MCP App의 샌드박스화된 iframe과 호스트 환경 사이의 통신 채널을 형성한다.
- Sandboxed Iframe
- — 보안을 위해 특정 권한이 제한된 격리된 브라우징 컨텍스트이다. MCP App의 UI가 호스트 시스템의 보안을 해치지 않으면서 독립적으로 렌더링될 수 있는 실행 환경을 제공한다.
- Model Context
- — LLM이 응답을 생성할 때 참조하는 현재 대화의 정보와 외부 데이터의 집합이다. MCP App은 이 컨텍스트에 실시간 상태를 직접 주입하여 모델이 현재 UI 상황을 즉각적으로 인지하게 한다.
언급된 리소스
GitHubmcp-use GitHub
DemoManufact
AI 분석 전체 내용 보기
AI 요약 · 북마크 · 개인 피드 설정 — 무료
출처 · 인용 안내
원문 발행 2026. 07. 05.수집 2026. 07. 05.출처 타입 YOUTUBE
인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.