MCP 앱 완벽 이해: 대화형 UI 위젯과 앱 스토어로 배포하는 법

핵심 메시지

• MCP 앱은 MCP 서버가 JSON 대신 샌드박스 iframe 안에 UI 위젯을 반환해, 대화창 안에서 상호작용형 화면을 보여주는 확장 규격이다.
• 위젯과 호스트 앱 사이에는 양방향 통신이 있어, UI 상태를 모델에 알리거나(set state), 버튼 클릭으로 후속 메시지·다른 도구 호출을 보낼 수 있다.
• 도구 출력은 UI에 보여줄 것과 모델에 보낼 것을 분리할 수 있어, 민감정보를 화면에만 표시하고 모델에는 감출 수 있다.
• 2025년 말부터 ChatGPT·Claude·Cursor가 MCP 스토어를 열어 셀프 서브밋과 원클릭 설치를 지원하기 시작했다.
• Claude는 특정 도구가 없는 작업을 만나면 레지스트리에서 알맞은 커넥터를 동적으로 찾아 연결한다.

쉽게 이해하기

Manufact 공동창업자 Pedro(피에트로 줄로)는 MCP(모델 컨텍스트 프로토콜)가 2024년 등장한 뒤 서버 붐을 일으켰지만, 그 확장인 'MCP 앱'은 아직 많은 개발자에게 낯설다고 지적한다. 그는 MCP 앱이 무엇이고 어떻게 만들며 어떻게 배포하는지를 설명하는 것이 발표의 목표라고 밝혔다.

MCP 앱의 핵심은 도구 호출의 결과가 단순 JSON 문자열이 아니라, 샌드박스 처리된 iframe 안의 UI 위젯이라는 점이다. 모델이 텍스트를 스트리밍하다가 도구를 호출하면 그 아래에 UI가 렌더링되고, UI는 초기화 시점에 선언된 UI 리소스가 도구 인자로 채워져 표시된다. 벽처럼 이어지는 텍스트 대신 정보를 사람이 읽기 쉬운 형태로 정리해 보여줄 수 있다.

발표는 단순 표시를 넘어 여러 상호작용 프리미티브를 소개한다. 위젯에서 set state로 UI 상태 변화를 모델에 알리고, 버튼 클릭으로 후속 메시지(send follow-up message)를 채팅에 보내며, 모델이 도구 인자를 스트리밍하는 동안 UI를 점진적으로 갱신할 수 있다. 위젯에서 또 다른 도구를 호출하는 것도 가능하다.

프라이버시 측면에서는 도구가 여러 종류의 출력을 반환할 수 있다는 점이 중요하다. 위젯에는 개인정보가 담긴 리치 카드를 보여주되, 모델에는 '사용자가 위 위젯에서 개인정보를 보고 있다'는 텍스트만 전달해 실제 데이터를 감출 수 있다.

배포·발견 측면에서 발표자는 ChatGPT, Claude, Cursor가 셀프 서브밋 절차를 지원한다고 설명한다. 원격 MCP 서버를 연결하면 도구 주석·인자·인증을 검사하고, 테스트 케이스로 부분 자동·수동 검증을 거쳐 승인되면 스토어에 게시된다. 승인 뒤에는 못생긴 JSON 설정 파일 대신 URL 하나로 원클릭 설치가 가능해진다.

주요 인사이트

• 발표자는 MCP 앱의 두 가지 큰 변화로 '서버가 JSON만 반환하지 않게 된 것'과 '스토어가 열린 것'을 꼽는다. 후자를 통해 검증된 고품질 서버가 원클릭으로 배포·설치될 길이 열렸다.
• 클라이언트마다 동작이 다르다. 후속 메시지의 경우 Claude는 입력창에 넣어 사용자가 보낼지 선택하게 하고, ChatGPT는 곧바로 모델에 전달해 답변을 스트리밍한다.
• 동적 발견은 상업적으로 큰 의미를 갖는다. 수많은 활성 사용자가 채팅에서 의도를 표현하면 모델이 가장 적합한 커넥터를 고르므로, 스토어에 잘 준비된 제품은 높은 구매 의향의 사용자를 유기적으로 만날 수 있다.
• 발표자는 MCP 앱을 지원하는 클라이언트가 아닌 경우 위젯이 그냥 표시되지 않으므로, 위젯이 안 보일 때를 대비해 모델에 줄 대체 출력을 따로 반환하는 처리가 필요하다고 조언한다.
• 발표자는 'AI 앱이 새로운 브라우저이고 ChatGPT류가 새로운 웹사이트'라며, 대시보드를 따로 열지 않고 Claude 안에서 MCP 앱 UI로 보는 방식이 소프트웨어 사용의 미래라고 주장한다.

자주 묻는 질문

관련 AI 소식