MCP가 API뿐만 아니라 웹페이지로 확장되는 노력이 있습니다. 기존 웹은 사람을 위해 만들어서, AI에겐 거추장스러운게 많다는 시각인데요. GEO가 중요해지는 시기인 만큼 관심을 가져야할 분야라고 생각합니다.
쉬운 설명
AI가 웹사이트를 쓸 때, 지금까지는 사람이 화면을 보듯이 스크린샷을 찍고 버튼처럼 생긴 걸 눈치껏 찾아 클릭하는 방식이었어요. 이건 마치 외국인이 간판 그림만 보고 가게에 들어가서 뭘 파는지 짐작하는 것과 비슷한데요. WebMCP는 이 문제를 해결하기 위해, 웹사이트가 처음부터 "여기 검색 기능과 장바구니 기능이 있어요"라고 AI에게 명확하게 알려주는 방법을 만들자는 제안이에요. 사람이 보는 화면은 그대로 두면서, AI를 위한 전용 안내판을 따로 붙여주는 셈이죠.
요약
WebMCP는 웹페이지가 자신이 가진 기능(검색, 장바구니, 예약 등)을 '도구(tool)' 형태로 AI 에이전트에게 직접 알려줄 수 있게 하자는 웹 표준 제안입니다. 지금까지 브라우저에서 동작하는 AI 에이전트는 사람이 보라고 만든 화면을 억지로 해석해 왔는데요. 스크린샷을 찍어 버튼처럼 생긴 요소를 찾고, DOM(문서 구조)이나 접근성 트리를 뒤져 입력창을 짐작한 뒤, 좌표를 계산해 클릭을 흉내 내는 식이었죠. 이 방식은 데모 영상에서는 그럭저럭 돌아가지만, 사이트 디자인이 조금만 바뀌어도 쉽게 망가집니다. 게다가 화면을 계속 들여다봐야 하니 비용(토큰)도 많이 들고, 매 단계가 AI의 '눈치'에 달려 있어 결과를 항상 보장하기 어렵다는 문제가 있었습니다.
흥미로운 점은 웹사이트 스스로는 자기가 무엇을 할 수 있는지 이미 정확히 알고 있다는 사실이에요. 검색 기능도 있고, 장바구니도 있고, 예약 절차도 갖춰져 있죠. 문제는 이런 기능들이 프로그램이 바로 읽을 수 있는 형태가 아니라, 사람이 눈으로 보라고 만든 레이아웃 안에 숨겨져 있다는 점입니다. WebMCP는 이 기능들을 코드 차원에서 명확하게 선언해 두어서, AI 에이전트가 화면을 눈치껏 찍어 맞추는 대신 정확한 '설명서'를 보고 바로 기능을 호출하게 만들자는 취지예요. Microsoft, Google, ChatGPT 관련 조직들이 이 논의에 참여하고 있다는 점에서, 주요 기업들도 AI 에이전트 시대를 맞이할 웹 표준의 필요성에 깊이 공감하고 있음을 알 수 있습니다.
활용 포인트
프론트엔드 개발자라면, 앞으로 WebMCP 표준이 자리 잡았을 때를 대비해 서비스의 핵심 기능(검색, 결제, 예약, 필터링 등)을 미리 '도구' 단위로 정리해보는 연습이 큰 도움이 될 수 있어요. 예를 들어 쇼핑몰이라면 '상품 검색', '장바구니 담기', '결제 진행' 같은 기능을 각각 이름, 입력값, 출력값이 명확한 함수처럼 문서화해 두는 거죠. 이렇게 정리해 두면 WebMCP가 표준으로 정착했을 때 도구 선언으로 옮기기 쉬워지고, 당장은 사내 API 문서를 작성하거나 챗봇을 연동할 때도 유용하게 재사용할 수 있습니다.
기획자나 서비스 운영자라면, 앞으로 사용자를 대신해 AI 에이전트가 웹사이트를 돌아다니며 예약하고 구매하는 흐름이 늘어날 거라는 점을 미리 짚어두는 게 중요해요. '우리 서비스가 AI 에이전트에게 얼마나 잘 읽히는가'를 새로운 접근성 지표처럼 고민해보는 것이죠. 학습자나 실무자라면, MCP(Model Context Protocol)라는 기본 개념을 먼저 익혀두면 WebMCP를 이해하기 훨씬 수월해지니 관련 자료를 먼저 살펴보는 것도 좋은 시작점이 됩니다.
주의 사항
WebMCP는 아직 '표준 제안' 단계이며, 실제로 브라우저나 웹사이트에 널리 적용되어 확정된 표준은 아닙니다. Microsoft, Google, ChatGPT 관련 조직이 논의에 참여하고 있다는 것도 관심을 보이고 있다는 뜻이지, 이미 도입이 확정되었다는 의미는 아니니 오해하지 않는 게 좋아요. 웹 표준화 과정은 보통 오랜 시간이 걸리고 중간에 방향이 바뀌거나 무산될 수도 있으므로, 지금 당장 실무에 적용하기보다는 흐름을 지켜보며 개념을 익혀두는 정도로 가볍게 접근하시는 걸 추천합니다.
자체 검증
원문에서 제시한 핵심 내용인 '기존 AI 에이전트가 스크린샷·DOM·접근성 트리를 해석해 클릭을 흉내 내는 방식으로 동작한다는 점', '이 방식이 레이아웃 변경에 취약하고 비용이 많이 들며 결과가 불확실하다는 점', 'WebMCP가 웹사이트의 기능을 도구 형태로 AI에게 직접 선언하게 하자는 제안이라는 점', 'Microsoft, Google, ChatGPT 관련 조직이 참여한다는 점'은 모두 제공된 원문 내용과 정확히 일치합니다. 다만 원문 발췌본이 도입부 위주여서 WebMCP의 구체적인 기술 사양(API 형태, 구현 예시 등)까지는 확인할 수 없었으니, 더 자세한 내용이 궁금하시다면 원문의 전체 글을 참고해 보시길 권해드립니다.
태그
#AI #웹표준 #WebMCP #AI에이전트 #MCP #웹개발 #프론트엔드
원문
https://discuss.pytorch.kr/t/webmcp-web-ai-feat-microsoft-google-chatgpt/11770