AI VIDEO BRIEFING

WebMCP란? 구글 크롬이 제안한 '에이전트 친화 웹' 표준과 작동 방식

에이전트가 웹을 쓰려고 DOM·스크린샷을 헤매는 시대를 끝낼 WebMCP. 구글 크롬의 타라 아젬앙이 선언적·명령형 API와 데모로 웹을 에이전트용 도구로 바꾸는 법을 설명한다.

웹을 'AI 에이전트용 API'로: 구글이 제안한 WebMCP가 바꾸는 웹 사용법 영상 대표 이미지

핵심 메시지

  • 지난 수십 년 웹은 '사람의 눈과 행동'을 위해 만들어졌지만, 이제 에이전트가 사람을 대신해 웹을 쓰며 그 수가 빠르게 늘고 있다.
  • 현재 에이전트는 간단한 동작 하나에도 전체 DOM을 읽고 접근성 트리를 보고 스크린샷을 분석해 클릭 위치를 계산하느라 토큰을 많이 쓰고 깨지기 쉽다.
  • WebMCP는 사이트의 기능을 에이전트가 쓸 수 있는 '구조화된 도구 메뉴'로 정의하게 해 주는 제안 표준으로, 'AI 에이전트 상호작용의 USB-C'로 불린다.
  • WebMCP를 도입하기 전에 시맨틱 HTML·접근성·성능 같은 웹 기본기를 갖추면 이미 절반은 에이전트 친화 웹에 도달한 것이다.
  • 구현은 폼에 속성만 더하는 '선언적 API'와 복잡한 다단계 흐름용으로 도구를 직접 등록하는 '명령형 API' 두 가지를 제안하며, 아직 초기 프리뷰의 실험적 단계다.

쉽게 이해하기

구글 크롬 데브렐 엔지니어 타라 아젬앙은 WebMCP(Web Model Context Protocol)를 소개하며, 그동안 웹은 사람의 눈과 행동을 위해 최적화돼 왔지만 이제는 사람을 대신해 웹을 쓰는 에이전트가 점점 늘고 있다고 짚는다. 문제는 그 에이전트들이 우리가 만든 사이트에서 간단한 동작 하나를 하려고 너무 많은 일을 해야 한다는 점이다.

그는 자신이 만든 콘서트 티켓 사이트를 예로 든다. 'Afro Beats 페스티벌 티켓 2장'이라는 프롬프트를 처리하려고 에이전트는 보통 전체 DOM을 넘기고, 접근성 트리로 구조를 파악하고, 스크린샷을 찍어 요소를 분석하고, 얼마나 아래·옆으로 가야 할지 클릭 위치를 계산한다. 과정이 길고 깨지기 쉬우며 토큰도 많이 쓰는데, 그 사이 광고가 떠 콘텐츠가 밀리면 결국 엉뚱한 곳을 클릭하기도 한다.

그래서 그는 표준을 꺼내기 전에 웹 기본기부터 개선하라고 강조한다. 시맨틱 HTML을 다듬고, 견고한 접근성 표준을 지키고, 코어 웹 바이탈을 신경 써 빠르게 로딩되게 하고, 좋은 UX 흐름을 만들면 사람에게 접근성이 좋아지는 동시에 에이전트에게도 기본적으로 친화적인 사이트가 된다. 그 기반이 갖춰진 뒤에야 WebMCP를 고민하는 것이 맞다고 말한다.

WebMCP는 사이트의 기능을 구조화된 도구로 정의해, 에이전트가 페이지가 뭘 하는지 추측하는 대신 '쓸 수 있는 도구 메뉴'를 받게 한다. 데모로 클릭으로는 못 하고 AI 도구로만 진행할 수 있는 미로 탈출 게임을 보여주는데, 페이지마다 스코프에 맞는 도구(이동·현재 위치 보기·아이템 줍기 등)가 등록되고 'complete the maze' 같은 자연어 지시를 에이전트가 도구 호출로 옮긴다. 콘서트 사이트 데모에서는 search concerts → open concert page → purchase ticket 세 도구를 차례로 호출해 티켓을 산다.

구현 방식은 두 가지다. 선언적 API는 일반 HTML 폼에 tool name·description 속성만 더하면 브라우저가 폼 필드를 매개변수로 한 JSON 스키마를 자동 생성한다. 명령형 API는 register tool로 스키마·설명·execute(자바스크립트) 블록을 직접 정의해 복잡한 다단계 UI에 쓴다. 발표자는 단계마다 UI를 도구 호출과 동기화하고, 결제처럼 실제 돈이 드는 단계는 사용자가 직접 하게 두라고 권한다. 현재 크롬 146 이상(권장: Canary)에서 실험 플래그로 켤 수 있는 초기 프리뷰 단계로, API는 계속 바뀌고 있어 피드백을 받는 중이다.

주요 인사이트

  • 에이전트의 웹 사용을 'DOM·스크린샷 스크래핑'에서 '구조화된 도구 호출'로 바꾸면 신뢰성과 성능이 오르고 토큰 낭비가 줄어든다.
  • 접근성 개선이 곧 에이전트 친화성이다. 사람을 위한 좋은 웹 기본기가 그대로 AI 친화 웹의 토대가 된다.
  • WebMCP는 MCP와 경쟁이 아니라 보완 관계다. MCP가 서버 측 연결이라면 WebMCP는 브라우저 안에서 도는 클라이언트 측 도구 구현으로, 자바와 자바스크립트의 관계에 비유된다.
  • 항공권 예약, 상품 필터링, 의료·금융 서식처럼 단계가 많고 복잡한 흐름일수록 WebMCP의 가치가 크며, 실제로는 명령형 API가 더 많이 쓰일 것으로 본다.
  • 사용자는 직접 탐색과 에이전트 위임 사이를 오가며 통제권을 주고받을 수 있어, 복잡한 사이트의 사용자 여정을 단순화한다.

자주 묻는 질문

WebMCP가 무엇인가요?

사이트의 기능을 AI 에이전트가 쓸 수 있는 구조화된 도구로 정의하게 해 주는 제안 웹 표준입니다. 에이전트가 페이지를 추측하는 대신 쓸 수 있는 '도구 메뉴'를 받게 되며, 발표자는 이를 'AI 에이전트 상호작용의 USB-C'라고 부릅니다.

기존 MCP와는 어떻게 다른가요?

상호 보완적입니다. MCP는 서버 측에서 에이전트가 애플리케이션에 접속하게 하고 별도 서비스가 필요하지만, WebMCP는 브라우저가 열려 있어야 동작하는 클라이언트 측 구현으로 모든 도구가 브라우저 안에 삽니다. 발표자는 이를 MCP의 '도구' 부분을 구현한 것이라고 설명합니다.

지금 바로 쓸 수 있나요?

아직 초기 프리뷰의 실험적 표준입니다. 크롬 146 이상(권장: 크롬 Canary)에서 WebMCP 테스트 플래그를 켜고 Model Context Tool Inspector 확장을 설치해 시험해 볼 수 있으며, API는 계속 바뀌고 있어 피드백을 받는 단계입니다.

원문과 출처

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

YouTube 원본 영상 보기 ↗

관련 AI 소식

#WebMCP#AI에이전트#구글크롬#웹표준#MCP