Skip to main content
공개 노트

Webwright: 웹 에이전트의 상태를 브라우저에서 코드로 옮기다

Views 87약 3분생성형 AI 활용
Summary

Webwright: 웹 에이전트의 상태를 브라우저에서 코드로 옮기다

웹 에이전트의 핵심 질문이 바뀌고 있습니다. 예전에는 “다음에 어디를 클릭할까”가 중요했다면, 이제는 “이 작업을 어떤 프로그램으로 남길까”가 더 중요해지고 있습니다.

Microsoft Research의 Webwright는 이 전환을 잘 보여주는 터미널 네이티브 브라우저 에이전트 프레임워크입니다. 모델에게 터미널, 로컬 워크스페이스, 브라우저 세션을 실행·검사·폐기할 자유를 주고, 최종 결과를 완료된 브라우징 세션이 아니라 재실행 가능한 프로그램으로 남깁니다.1

브라우저 세션이 아니라 작업 공간을 상태로 삼는다

기존 웹 에이전트는 대개 브라우저 화면을 중심으로 동작합니다. 현재 화면을 보고 다음 클릭, 입력, 스크롤을 예측하는 방식입니다. 짧은 작업에서는 충분할 수 있지만, 여러 단계를 거치거나 사이트를 오가는 긴 작업에서는 상태가 쉽게 흐트러집니다.

Webwright는 관점을 바꿉니다. 브라우저 세션 자체를 오래 유지해야 할 상태로 보지 않습니다. 브라우저는 필요할 때 열고, 검사하고, 버릴 수 있는 실행 환경입니다. 대신 로컬 워크스페이스의 코드, 로그, 스크린샷, 출력물이 상태로 남습니다.1 에이전트는 필요한 순간에만 페이지 상태나 스크린샷을 캡처해 확인합니다.2

이 차이는 실용적입니다. 실패한 클릭 흐름에 갇히는 대신, 남은 코드와 로그를 보고 원인을 찾고 수정할 수 있습니다. 웹 자동화가 일회성 브라우징 기록이 아니라 디버깅 가능한 작업물이 되는 셈입니다.

Webwright의 루프는 단순하다

Webwright의 핵심 구성은 Runner, Model Endpoint, 터미널 Environment 세 가지입니다. 멀티 에이전트 오케스트레이션이나 복잡한 계획 계층 없이 단일 에이전트 루프로 동작합니다.1

흐름도 간단합니다. Runner가 사용자 작업과 현재 컨텍스트를 모델에 보냅니다. 모델 출력은 thinking 블록과 셸 명령 블록으로 파싱됩니다. Environment는 명령을 실행한 뒤 터미널 출력, 로그, 스크린샷, 파일, 오류 트레이스백을 관찰 결과로 돌려줍니다.1

이 루프 안에서 모델은 Playwright 스크립트를 작성해 브라우저를 제어합니다. 따라서 날짜 선택, 폼 입력, 필터링처럼 반복되거나 조건이 있는 작업을 클릭 나열이 아니라 코드의 함수와 루프로 표현할 수 있습니다. Webwright가 클릭 추적 웹 자동화 대신 재사용 가능한 Playwright 스크립트를 사용하는 이유도 여기에 있습니다.

성능 수치가 말하는 것

Webwright의 성능 수치도 눈에 띕니다. GPT-5.4 기반 Webwright는 Online-Mind2Web에서 86.7%를 기록했습니다. 이 벤치마크는 136개 실제 사이트의 300개 작업을 다룹니다.1

긴 작업에서는 구조의 차이가 더 두드러집니다. Odysseys는 여러 사이트를 오가는 장기 웹 작업 200개를 평가하는 벤치마크입니다.3 GPT-5.4 기반 Webwright는 이 벤치마크에서 60.1%를 기록했고, 같은 모델의 좌표 클릭 기반 베이스라인 33.5%를 크게 앞섰습니다.2

여기서 중요한 신호는 단순히 “모델이 더 좋아졌다”가 아닙니다. 같은 모델이라도 행동 공간을 클릭에서 코드로 바꾸면 성능뿐 아니라 검증 가능성과 재사용성도 달라질 수 있다는 점입니다.

웹 에이전트를 평가하는 기준도 달라진다

Webwright가 주는 실무적 메시지는 분명합니다. 웹 에이전트는 데모에서 한 번 성공하는지만 보면 부족합니다. 다음 질문이 더 중요해집니다.

  • 실행 로그가 남는가

  • 실패 원인을 추적할 수 있는가

  • 결과가 재실행 가능한 스크립트인가

  • 같은 작업을 수정하거나 확장할 수 있는가

  • 브라우저 상태가 망가져도 코드와 산출물로 복구할 수 있는가

물론 Webwright에도 과제는 있습니다. 열린 터미널은 조기 완료 선언이나 긴 컨텍스트 문제를 만들 수 있습니다. 이를 줄이기 위해 Webwright는 최종 스크립트를 새 폴더에서 다시 실행하고, 로그와 스크린샷 기반 자기 검증을 통과해야 완료로 인정합니다.1

핵심은 간단합니다. 강한 코딩 모델에는 더 많은 클릭 도구보다 좋은 작업 공간이 더 중요할 수 있습니다. Webwright는 웹 에이전트의 다음 인터페이스가 브라우저 화면이 아니라 터미널과 코드일 수 있음을 보여줍니다.

1Webwright: A Terminal Is All You Need For Web Agents

2GitHub - microsoft/Webwright

3Odysseys: Benchmarking Web Agents on Realistic Long Horizon Tasks

이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.

틸노트는 사용자가 AI를 활용해 노트를 쉽게 작성하거나 편집할 수 있는 서비스입니다.

AI 스퀘어 단톡방에 함께해요

AI 활용과 틸노트 사용 팁을 나누는 오픈채팅방입니다. 입장 비밀번호는 tilnote입니다.

참여하기