
AI 브라우저에서 보낸 하루 — 실제로 작동하는 것과 그렇지 않은 것
요약
AI 브라우저 Aside를 직접 사용하며 브라우저 기반 AI 에이전트의 실질적인 워크플로와 성능을 분석했습니다. 통합 기반 에이전트와 달리 브라우저 에이전트가 가진 넓은 작업 표면적과 자동화 가능성을 다룹니다.
핵심 포인트
- Aside는 Chromium 기반의 AI 에이전트 내장 브라우저임
- 브라우저 에이전트는 통합 기반 에이전트보다 훨씬 넓은 작업 범위를 가짐
- 로그인, 대시보드 탐색, 자율적 동작 수행 등의 기능을 지원함
- 실제 워크플로에서의 이점과 마찰 지점을 직접 테스트함
지난주, 저는 마침내 Aside를 직접 사용해 보았습니다. Aside는 6월 24일에 출시된 (YC F25) AI 브라우저로, 출시 첫 주에 창업자의 공지 게시물 조회수가 150만 회를 기록했습니다.
저는 2년 동안 에이전트 시스템 (agent systems)을 구축해 왔습니다. 브라우저 자동화 (browser automation)가 얼마나 어려운지 잘 알고 있습니다. 그래서 3명으로 구성된 팀이 자신들의 브라우저가 에이전트 벤치마크 (agentic benchmarks)에서 Claude Fable보다 성능이 뛰어나다고 주장할 때, 저는 직접 테스트해 보아야 했습니다.
벤치마크 점수가 아닌, 실제 워크플로 (workflow)에서의 이점과 마찰 지점들을 확인하기 위해 하루 종일 실제로 사용해 본 결과는 다음과 같습니다.
이것의 실체
Aside는 일반적인 데일리 브라우저에 내장된 AI 에이전트 (AI agent)를 결합한 Chromium 데스크톱 앱입니다. 이 에이전트는 다음과 같은 작업을 수행할 수 있습니다:
- 내장된 비밀번호 관리자를 사용하여 모든 사이트에 로그인
- 대시보드, 이메일, 스프레드시트 및 내부 도구 탐색
- "Ultrabrowse" 모드를 통한 자율적인 동작 수행
- 모든 페이지에 대해 깔끔하고 상호작용 가능한 스냅샷 (snapshot) 제공
핵심 통찰: 브라우저 에이전트는 당신이 탭을 열 수 있는 모든 곳에 도달할 수 있습니다. 통합 기반 (Integration-based) 에이전트는 누군가가 연결해 놓은 도구들만 다룰 수 있습니다. 브라우저 에이전트는 근본적으로 더 넓은 표면적 (surface area)을 가집니다.
눈에 띄는 점
스냅샷 뷰 (Snapshot View)는 진정으로 유용합니다
어떤 페이지든 열면 Aside는 버튼, 링크, 입력창 (inputs), 텍스트 영역 (textareas) 등 모든 상호작용 요소의 구조화된 트리 (structured tree)를 반환하며, 각 요소는 고유한 ref ID를 가집니다. 더 이상 Chrome DevTools를 뒤지거나 CSS 선택자 (CSS selectors)를 추측할 필요가 없습니다.
이것만으로도 브라우저 자동화 (browser automation)를 수행한다면 시도해 볼 가치가 충분합니다.
로컬 우선 메모리 (Local-First Memory)는 올바른 방향입니다
브라우징 히스토리는 마크다운 (markdown) 형식으로 사용자의 기기에 그대로 남습니다. 클라우드 업로드도 없고, "귀하의 데이터가 모델 학습에 사용됩니다"와 같은 깨알 같은 문구도 없습니다. 개인정보 보호를 중요하게 생각하는 개발자들에게, 이는 사용자의 모든 온라인 활동에 접근하는 도구와 신뢰를 쌓는 방법입니다.
MCP 지원
이것이 숨겨진 초능력입니다. Hermes Agent와 같은 도구들은 Model Context Protocol (MCP)를 통해 프로그래밍 방식으로 Aside를 구동할 수 있습니다. 즉, AI 에이전트가 표준화된 인터페이스를 통해 웹을 탐색하고, 페이지와 상호작용하며, 다단계 워크플로 (multi-step workflows)를 실행할 수 있음을 의미합니다.
API 키도 필요 없고, OAuth 설정도 필요 없습니다. 그저 한 번 로그인하면 바로 시작할 수 있습니다.
개선이 필요한 부분
공유된 REPL 스코프 (Shared REPL Scope)
REPL 환경에서는 모든 JavaScript 호출이 동일한 지속적 스코프 (persistent scope)를 공유합니다. const x를 한 번 사용하면, 다음 호출에서 이를 다시 선언할 수 없습니다.
// 호출 1 — 정상 작동
const pageTitle = await page.evaluate(() => document.title);
...
사소한 불편함이지만, 빠르게 반복 작업을 수행할 때는 이 문제가 누적됩니다.
UI 자동화의 본질적인 취약성
이는 Aside만의 문제가 아닙니다. API 레이어 (API layer)가 아닌 UI 레이어 (UI layer)에서 작동할 때 발생하는 근본적인 트레이드오프 (tradeoff)입니다. 사이트의 버튼 data-testid가 변경되면 스크립트가 깨집니다. 스냅샷 (snapshot) 방식이 도움이 되긴 하지만, 만능 해결책은 아닙니다.
에이전트 주도 모드 (Agent-Driven Mode)의 학습 곡선
REPL 및 MCP 인터페이스는 강력하지만, 문서는 사용자가 이미 브라우저 자동화를 알고 있다고 가정합니다. 일반적인 워크플로 템플릿 라이브러리가 있다면 진입 장벽을 크게 낮출 수 있을 것입니다.
결론
매일 사용할 것인가? 네, 특정 워크플로를 위해서는 그렇습니다.
| 유스케이스 (Use Case) | 추천도 |
|---|---|
| 브라우저 자동화 스크립트 | ⭐⭐⭐⭐⭐ |
| ... |
팀은 빠르게 결과물을 내놓고 있습니다. 이들은 최근 OpenAI, Anthropic, DeepMind의 연구원들과 함께 ICML 2026 애프터 파티를 개최하기도 했습니다. 3명 규모의 팀이 만든 1세대 제품치고는 매우 인상적입니다.
만약 브라우저에서 에이전트 (Agents)를 구축하거나 무엇인가를 자동화하고 있다면, 한번 사용해 보세요.
저는 X(구 트위터)에서 매일 빌드 로그와 도구 리뷰를 공유합니다. 에이전트 시스템 (Agent systems), 자동화 (Automation), 그리고 무엇보다 실행하는 것 (Shipping things)에 관심이 있다면 저를 @ezraphm에서 팔로우해 주세요.
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기
