💡 요약
Aside는 Y Combinator(F25)가 지원하는 AI 전용 웹 브라우저입니다. 서비스별 별도 API 연동이나 웹훅 개발 없이, 사용자가 이미 로그인한 웹 브라우저 세션 위에서 노션(Notion), 피그마(Figma), 슬랙(Slack) 등 다양한 SaaS 웹 서비스를 직접 탐색하고 폼 입력, 결제, 데이터 추출 업무를 자동 처리합니다. 로컬 암호화 패스워드 볼트와 상시 사람 승인 게이트를 갖추어 강력한 사생활 보안 환경을 제공합니다.
| 구분 | 주요 기술 사양 및 특징 |
|---|---|
| 프로젝트명 / 웹사이트 | Aside AI Browser / https://aside.com/ |
| 투자 / 지원 | Y Combinator (YC F25 Batch) |
| 아키텍처 | Chromium 포크 기반 독립 에이전트 브라우저 (macOS 지원) |
| 웹 접근 방식 | No-Integration 방식 (로그인 웹 세션 직접 탐색 및 DOM 제어) |
| 계정 보안 | Agent Password Vault (LLM 프롬프트에 비밀번호를 노출하지 않는 암호화 자동완성) |
| 데이터 저장 | 100% 로컬 디스크 벡터 메모리 (브라우징 맥락 및 히스토리 기기 저장) |
| 안전 장치 | Human Approval Gate (결제, 메시지 전송, 계정 변경 시 사람 승인 필수) |
| 모델 지원 | BYOK (Bring Your Own Key: OpenAI ChatGPT, Anthropic Claude, 개별 API 키 연동) |
| 성능 벤치마크 | Online-Mind2Web, BU-Bench-V1, Odyssey SOTA 수준 수록 |
📑 목차
1. Aside AI 브라우저 개요 및 기존 방식과의 차이점
웹 자동화 작업을 구축할 때 흔히 접하는 방식은 두 가지입니다. 첫째는 각 웹 서비스가 제공하는 공식 REST API를 Zapier나 Make 같은 iPaaS 플랫폼으로 연결하는 방식이며, 둘째는 기존 크롬(Chrome) 브라우저에 사이드바 형태의 확장 프로그램을 설치하는 방식입니다.
그러나 공식 API 연결 방식은 다음과 같은 뚜렷한 한계를 가집니다:
- 엔드포인트 미지원: 사내 자체 관리자 페이지나 일부 SaaS의 경우 원하는 기능을 처리할 API 엔드포인트를 제공하지 않습니다.
- 복잡한 인증 절차: OAuth 2.0 토큰 발급, API 키 관리, 웹훅 구축에 많은 개발 시간이 소요됩니다.
- 비용 증가: 서비스별 API 호출 횟수에 따라 추가 요금이 발생하거나 유료 요금제 가입을 강제합니다.
크롬 확장 프로그램 역시 브라우저의 백그라운드 스크립트 실행 제약으로 인해 동적 웹페이지 DOM 변경이나 레이아웃 변형이 일어날 때 연동이 쉽게 끊어집니다.
Aside는 이러한 한계를 극복하기 위해 Chromium 렌더링 엔진 자체를 개조한 독립형 에이전트 전용 브라우저입니다. 사용자가 브라우저에서 웹 사이트에 로그인하면, Aside 에이전트는 사용자의 세션 권한을 그대로 활용하여 사람처럼 버튼을 클릭하고 텍스트를 입력하며 작업을 완료합니다. 별도의 API 구축 없이 로그인된 모든 웹사이트를 자동화 무대로 활용합니다.
2. Aside 5단계 웹 자동화 실행 파이프라인
Aside 브라우저가 사용자 명령을 받아 실제 웹사이트 상에서 정교하게 탐색하고 안전하게 완료하는 5단계 파이프라인입니다.
1) 자연어 지시 입력 (Task Prompting)
Aside 사이드바에서 “노션 주간 리포트 페이지를 열어 최신 데이터 수치를 추출하고, 슬랙 #general 채널에 요약 메시지를 게시해 줘”와 같이 복합 업무를 지시합니다.
2) 패스워드 볼트 자격증명 자동완성 (Vault Credential Handling)
웹사이트 로그인이 필요하면, 내장된 Agent Password Vault가 계정 정보를 안전하게 주입합니다. 비밀번호 문자열이 LLM 콘텍스트로 전송되지 않도록 격리 처리합니다.
3) DOM 구문 파싱 및 시각 탐색 (Visual & DOM Agent Processing)
Chromium 렌더링 트리를 기반으로 웹 요소의 좌표와 시각적 위치를 계산합니다. 동적 자바스크립트 변경이나 팝업창 발생 시에도 엘리먼트를 정확하게 식별하여 클릭 및 입력을 연속 실행합니다.
4) 사람 승인 게이트 검증 (Human Approval Gate)
외부 메시지 발송, 비밀번호 변경, 결제 승인과 같은 인프라 조작 단계에 도달하면 실행을 일시 정지하고 대화 상자를 통해 사용자 확인을 요구합니다.
5) 태스크 완료 및 로컬 벡터 저장 (Completion & Vector Store)
작업이 완료되면 수행 결과 데이터를 화면에 출력하고, 향후 동일 사이트 탐색 속도를 높이기 위한 맥락 노하우를 사용자 기기의 로컬 벡터 메모리에 보관합니다.
3. 보안 및 사생활 보호: 로컬 메모리 & 패스워드 볼트
AI 에이전트에게 웹 브라우저 조작 권한을 부여할 때 가장 유의해야 할 요소는 자격증명 유출 및 사생활 침해 위험입니다. Aside는 클라우드 중심의 에이전트와 차별화되는 보안 메커니즘을 적용했습니다.
로컬 기반 벡터 메모리 (Local Vector Store)
Aside는 웹 브라우징 기록, 쿠키 세션, 탐색 맥락 데이터를 클라우드 서버에 저장하지 않습니다. 모든 작업 메모리와 세션 상태는 사용자의 로컬 디스크 내 암호화 데이터베이스(SQLite/Local Vector Index)에 저장됩니다. 이를 통해 기업 내부 정보나 비공개 문서 데이터가 외부 서버로 유출되는 경로를 사전에 차단합니다.
💡 꿀팁 로컬 데이터 저장소 위치를 확인하려면 설정 메뉴에서 데이터 관리 항목을 참조합니다.
📍 설정 › 보안 및 개인정보 › 로컬 데이터베이스 관리
Agent Password Vault 메커니즘
기존 에이전트 방식에서는 프롬프트 입력창에 아이디와 비밀번호를 직접 텍스트로 전달해야 하는 위험이 있었습니다. Aside는 브라우저 자체 암호화 볼트를 통합하여 작동합니다.
- 에이전트가 로그인 폼(input type=“password”)을 감지합니다.
- 패스워드 볼트가 OS 키체인 암호화 키를 활용해 브라우저 DOM 계층에 직접 비밀번호를 자동 채움 처리합니다.
- LLM 프롬프트 및 API 요청 패킷에는 실제 비밀번호 문자가 단 1자도 전달되지 않습니다.
⚠️ 참고 볼트에 저장된 패스워드는 에이전트 모델의 프롬프트 콘텍스트에 노출되지 않으며, OS 보안 모듈을 통해서만 인메모리 주입됩니다.
4. 승인 게이트(Human Approval Gate)와 SaaS 업무 자동화 활용 예시
Aside는 오동작으로 인한 유료 서비스 예치금 결제나 실수로 인한 대량 메일 발송을 방지하기 위해 **Human Approval Gate(인간 승인 게이트)**를 구현했습니다.
주요 승인 요구 조건
- 금융 및 결제: 카드 번호 입력, 결제 완료 버튼 클릭, 요금제 변경
- 계정 및 권한: 사용자 계정 삭제, 비밀번호 변경, API 키 생성 및 삭제
- 외부 커뮤니케이션: 슬랙 public 채널 메시지 전송, 외부 고객 이메일 발송
실무 SaaS 크스 앱 자동화 예시
1) 노션(Notion) 리포트 캡처 및 슬랙(Slack) 요약 공유
API 엔드포인트를 따로 설정하지 않고도 노션의 특정 데이터베이스에 접속하여 주간 실적표를 읽어낸 후, 슬랙 웹앱으로 이동하여 지정된 채널에 요약 글을 작성합니다.
2) 스트라이프(Stripe) 결제 실패 내역 추적 및 대시보드 정리
스트라이프 결제 관리 화면에 접속해 최근 7일간의 실패 내역 건수와 사유를 수집한 뒤, 구글 시트(Google Sheets) 웹 문서에 일자별로 자동 입력합니다.
3) 피그마(Figma) 디자인 에셋 다운로드 및 지라(Jira) 티켓 첨부
피그마 내 신규 UI 컴포넌트 이미지를 추출하여 local 다운로드한 후 지라 이슈 관리 페이지로 이동하여 파일 첨부를 완료합니다.
5. 기존 자동화 방식 vs Aside AI 브라우저 비교
다양한 자동화 솔루션의 특징을 세부 항목별로 정밀 비교한 표입니다.
6. BYOK(API Key) 설정 및 개발자 CLI 연동 노하우
Aside는 특정 AI 모델 구독을 강제하지 않고, 사용자 자신의 AI 서비스 구독이나 API 키를 직접 연동하는 BYOK (Bring Your Own Key) 구조를 채택했습니다.
BYOK 모델 연동
- OpenAI ChatGPT 계정 연동 및 API Key 등록
- Anthropic Claude 3.5 Sonnet / Opus 키 연결
- 자체 구축 LLM 및 Ollama 로컬 엔드포인트 수록 지원
📍 환경설정 › AI 모델 및 API 키 연동
개발자를 위한 Aside CLI 연동
터미널 기반 코딩 에이전트(Claude Code, Codex, Cursor 등)를 사용하는 개발자는 Aside CLI를 통해 브라우저 세션을 제어할 수 있습니다.
# Aside CLI 설치 및 환경 연결
npm install -g @aside/cli
# 개발 중인 웹 애플리케이션 반응성 테스트 및 로그 추출
aside run "http://localhost:3000 로그인 후 콘솔 에러 로그 및 가용성 점검"
# 웹 탐색 세션 상태 확인
aside status한눈에 보는 요약 체크리스트
✅ 한눈에 보는 실행 체크리스트
- ☑️ 공식 사이트(aside.com)에서 독립 브라우저 패키지 다운로드 및 설치
- ☑️ 설정 메뉴에서 BYOK (OpenAI/Anthropic API 키) 또는 본인 계정 연동
- ☑️ 비밀번호 보안을 위해 Agent Password Vault에 자주 사용하는 주요 웹사이트 계정 등록
- ☑️ 노션, 피그마, 슬랙 등 자주 쓰는 SaaS 서비스 브라우저 세션 로그인
- ☑️ 결제 및 외부 메시지 발송 시 Human Approval Gate 팝업 승인 동작 확인
- ☑️ 개발자 환경 필요 시 Aside CLI 패키지 설치 및 코딩 에이전트 연동 테스트
자주 묻는 질문 (FAQ)
Q1. Aside는 크롬 확장 프로그램인가요, 아니면 별도의 브라우저인가요?
Aside는 기존 크롬에 추가되는 확장 프로그램이 아닌, Chromium 포크 엔진을 기반으로 직접 개발된 독립형 AI 에이전트 전용 웹 브라우저입니다. 이를 통해 확장 프로그램의 백그라운드 제한을 넘어서며 DOM 조작과 visual 렌더링 성능을 극대화합니다.
Q2. 에이전트가 웹사이트 탐색 중 내 비밀번호를 외부 서버로 전송하나요?
전송하지 않습니다. Aside는 내장된 Agent Password Vault를 이용합니다. OS 키체인 암호화 시스템과 직접 연동하여 폼 입력 요소에 자격증명을 인메모리로 자동 삽입하므로, 비밀번호 평문 텍스트가 LLM 모델 콘텍스트나 API 요청으로 전달되지 않습니다.
Q3. 결제나 사내 중요 설정 변경 시 에이전트가 독단으로 처리하지 않나요?
독단 처리하지 않습니다. Human Approval Gate 안전장치가 구현되어 있어, 결제 버튼 클릭, 계정 설정 변경, 외부 메시지/이메일 발송 등 승인이 필요한 순간에는 에이전트가 실행을 자동 정지하고 사용자의 승인 클릭을 기다립니다.
Q4. 매월 새로운 구독 요금을 지불해야 하나요?
Aside는 BYOK (Bring Your Own Key) 방식을 지원합니다. 기존에 소지한 OpenAI, Anthropic, Google의 API Key를 등록하여 직접 비용을 제어하거나, 본인의 AI 서비스 계정을 연결하여 알뜰하게 활용할 수 있습니다.