AI VIDEO BRIEFING

MCP 앱이란 무엇인가: AI 채팅 대화 안에 화면을 띄우는 새 표준과 작동 원리 정리

호텔 예약도 플레이리스트도 대화창 안에서 직접 눌러 쓰는 시대가 온다. NDC 코펜하겐 2026 강연을 토대로 MCP 앱이 무엇이고 어떻게 동작하는지, 안전장치는 무엇이며 어떤 도구가 이미 지원하는지 정리했다.

AI 채팅이 글자 벽을 벗어난다: MCP 앱이 대화 안에 화면을 띄우는 방법 영상 대표 이미지

핵심 메시지

  • 지금의 AI 도구는 대부분 긴 텍스트를 쏟아내는 방식이라, 쇼핑·예약·설정처럼 눈으로 보고 눌러야 하는 일에는 잘 맞지 않는다.
  • MCP 앱은 MCP 서버가 HTML·CSS·자바스크립트로 만든 화면을 대화 안에 띄워, 사용자가 직접 조작하게 하는 확장 규격이다.
  • 화면은 샌드박스 iframe 안에서 실행되고, 링크 열기나 파일 내려받기처럼 밖으로 나가는 동작은 반드시 호스트에 요청해야 한다.
  • 핵심은 그 화면이 '대화의 일부'라는 점이다. 사용자가 화면에서 무엇을 골랐는지 모델이 알 수 있어야 대화가 이어진다.
  • 챗GPT의 앱 SDK와 커뮤니티 실험인 MCP UI가 하나의 표준으로 합쳐졌고, 클로드·VS Code 깃허브 코파일럿·구스·포스트맨 등이 이미 지원한다.

쉽게 이해하기

IBM의 개발자 관계 엔지니어 필 내시는 NDC 코펜하겐 2026 강연에서 오늘날 AI 도구의 공통된 약점을 지적했다. 클로드든 제미나이든 챗GPT든, 코딩 에이전트든 결국 화면에 남는 것은 끝없이 흘러가는 글자라는 것이다. 그는 이것이 '지루하다'고 표현하며, 사람이 하는 모든 일이 타이핑과 음성만으로 잘 처리되지는 않는다고 말했다.

예를 들어 호텔을 잡거나 물건을 살 때, 설명만 듣고 '살까요?'라는 질문을 받는 경험은 어색하다. 옵션이 많은 설정을 대화로 하나씩 주고받는 것도 비효율적이고, 실시간으로 바뀌는 데이터를 문장으로 계속 통보받는 것도 마찬가지다. 우리는 이미 수십 년간 웹에서 이런 일을 시각적으로 처리해 왔다는 것이 그의 출발점이다.

그 해법으로 등장한 것이 MCP 앱이다. MCP는 에이전트에 도구·프롬프트·리소스·샘플링을 제공하는 개방형 규격이고, 최근 확장 기능이 공식화되면서 오래 걸리는 작업을 다루는 태스크와 함께 MCP 앱이 들어왔다. MCP 앱은 서버가 제공하는 HTML 리소스를 호스트(에이전트를 실행하는 프로그램)가 대화 안에서 화면으로 그려 주는 방식이다.

동작 흐름은 평범한 도구 호출과 크게 다르지 않다. 사용자가 말을 걸면 에이전트가 도구를 고르고, 그 도구의 응답에 'UI 리소스를 불러오라'는 정보가 덧붙는다. 호스트는 그 화면을 샌드박스 iframe에 띄우고, 화면 속 스크립트는 전용 라이브러리로 호스트와 연결해 도구 실행 결과를 이벤트로 받아 표시한다. 화면에서 일어난 조작은 다시 도구 호출이나 호스트 메시지로 이어진다.

강연자는 이 흐름을 '헬로 월드' 수준의 예제와 자신이 개발에 참여하는 오픈소스 검색 스택으로 시연했다. 그는 표준이 여러 곳에서 제각각 구현되지 않고 한 번 만들어 여러 호스트에서 쓰이는 방향으로 정리된 점을 반겼고, 초기 모바일 앱 시장처럼 지금 MCP 앱을 만들어 두면 사용자의 에이전트 안에 자리를 잡는 이점이 있다고 전망했다.

주요 인사이트

  • MCP와 스킬은 경쟁 관계라기보다 성격이 다르다. MCP는 입력 형식이 명확한 도구를 노출하는 대신 컨텍스트를 차지하고, 스킬은 설명부터 문서·스크립트까지 점진적으로 열어 보이며 모델에 더 느슨한 재량을 준다. 다만 화면을 띄우는 일은 스킬로는 할 수 없다.
  • 샌드박스는 제약이자 안전장치다. 화면이 링크를 열거나 파일을 내려받으려면 호스트에 요청해야 하고, 호스트는 수상해 보이면 거부할 수 있다. 외부 이미지 로딩은 콘텐츠 보안 정책으로 허용 도메인을 지정해 통제한다.
  • '대화의 일부'라는 조건이 링크 하나 던져 주는 방식과의 결정적 차이다. 브라우저로 내보내면 사용자가 무엇을 골랐는지 모델이 알 수 없고, 대화의 맥락이 끊긴다.
  • 지원 범위는 아직 고르지 않다. 같은 규격이어도 호스트마다 렌더링이 불안정한 경우가 있고, 강연 중 실제 시연에서도 한 번에 뜨지 않는 장면이 있었다.
  • 직접 코드를 짜지 않아도 되도록 MCP 팀이 앱 제작 방법을 담은 에이전트 스킬을 별도로 배포하고 있어, 코딩 에이전트에 맡기는 경로도 열려 있다.

자주 묻는 질문

MCP 앱은 정확히 무엇으로 만들어지나요?

HTML·CSS·자바스크립트로 만든 평범한 웹 페이지입니다. MCP 서버가 이 페이지를 리소스로 제공하고, 도구 응답에 해당 리소스를 가리키는 정보를 담으면 호스트가 샌드박스 iframe 안에 띄웁니다.

화면에서 버튼을 누르면 무슨 일이 일어나나요?

화면은 호스트를 거쳐 MCP 서버의 도구를 다시 호출하거나, 호스트에 메시지·콘텐츠를 보내 모델의 답변을 유도할 수 있습니다. 모델에 넘길 맥락을 여러 번 갱신하면 마지막 값만 반영되므로, 화면 쪽에서 모아 두었다가 한 번에 전달하는 편이 안전합니다.

어떤 프로그램에서 쓸 수 있나요?

강연 기준으로 클로드와 클로드 데스크톱, VS Code의 깃허브 코파일럿, 오픈소스 에이전트 구스, 포스트맨, MCP Jam, 오케스트라 등이 지원합니다. 챗GPT도 자체 앱 SDK를 내놓은 뒤 MCP 앱 규격 작업에 참여했습니다.

MCP 앱은 이미 확정된 표준인가요?

아직은 확장 기능 단계입니다. 강연자는 이미 여러 호스트가 구현했고 초기 사례가 나온 만큼 정식 프로토콜로 승격될 것으로 본다고 말했습니다.

원문과 출처

이 글은 원본 영상의 자막을 바탕으로 한국어 독자를 위해 요약했습니다. 전체 맥락과 최신 정보는 원문에서 확인하세요.

YouTube 원본 영상 보기 ↗

관련 AI 소식