목차(클릭하세요)
Aside는 단순히 AI 기능이 추가된 브라우저라기보다, 브라우저 자체를 도구로 사용하는 AI 에이전트에 가까움.
웹에서, 브라우저에서 사람이 하던일을 API연결없이 모두 자동화할 가능성이 열림
26년 9월 현재 기기간 동기화(Devices sync)기능은 제공하고 있지 않음
[참고자료]
1. 설치 및 기본 구성
1-1. 설치
•
26년 9월 현재 Windows와 macOS에서 설치 가능
•
설치링크
•
Chromium 기반 브라우저
•
기존 Chrome, Arc 등의 브라우저 데이터 이전 가능
◦
방문 기록, 쿠키, 북마크 등
•
기존 로그인 상태를 가져오면 설치 후 바로 웹서비스를 활용할 수 있음
•
설치 후 첫 실행시 이렇게 기존 로그인 상태를 가져올 브라우저를 선택할 수 있음
•
자격증명에 대한 설정은 되도록 위쪽을 선택
◦
자동화 편의성 우선 → Import credentials to Aside Vault
◦
기존 비밀번호 관리 체계 유지 우선 → Connect my password manager
1-2. AI 모델 연결
기존에 사용 중인 AI 모델이나 구독을 연결하여 활용할 수 있음•
아래와 같은 모델 선택화면에서 하나를 선택할 수 있음
•
잘 모르겠다면 추천된 Aside선택
•
초기 설치가 다 완료되면 아래와 같은 화면을 확인할 수 있음
•
Claude
•
GPT 계열
•
Kimi
•
API 기반 모델
별도의 독립적인 AI 서비스라기보다는, 브라우저 + 기존 AI 모델 + 에이전트 기능을 결합한 구조•
여기 셋팅에서는 2가지 체크박스 해제를 권장
•
Set Aside as your default browser → 해제 추천
아직 테스트 단계이고 메인 브라우저를 바로 Aside로 바꿀 필요는 없음
며칠 써보고 만족할 때 기본 브라우저로 변경할 수 있음
•
Help improve Aside → 해제 추천
크래시 리포트, 버그 리포트, 사용 통계를 공유하는 옵션
기능상 필수는 아니므로 개인정보·사용 데이터 최소화를 원하면 꺼두는 편이 좋음.
2. 초기 셋팅
2-1. 브라우저 환경 설정
초기에 다음 항목을 설정함.
•
기존 브라우저 데이터 Import
◦
크롬을 사용중이였다면 해당 메뉴에서 북마크를 저장하여 Aside에 한방에 이식가능
◦
크롬 우측 상단의 더보기(세로 점 3개) 아이콘을 클릭
◦
북마크 및 목록에서 북마크 관리자를 선택
◦
북마크 관리자 페이지 우측 상단(또는 파란 줄 오른쪽 끝)의 더보기(점 3개) 아이콘을 클릭
◦
북마크 내보내기를 클릭
◦
파일을 저장할 위치를 지정하고 저장을 누르면 .html 형식의 파일로 백업
•
상단 탭 / 수직 탭 선택
•
비밀번호 및 로그인 정보 관리
•
AI 모델 연결
•
에이전트 작업 권한 설정
특히 글 게시, 결제, 설정 변경 등 민감한 작업은 실행 전에 사용자 승인을 받도록 설정하는 것이 중요함.2-2. [중요설정]구독제 모델연결&API연결
•
기본적으로 Aside에서 제공하는 500크레딧 제공
•
구독하고 있는 별도 서비스가 있다면 연결가능
•
설정의 model 탭으로 이동
•
이후, Connect를 통해 사용하고 있는 서비스를 연결
•
이런 느낌으로 상황별 호출할 모델을 설정할 수 있음
◦
특히 Aside는 브라우저 에이전트라서 모든 작업에 최고급 모델을 쓰는 것보다 역할별 분업이 훨씬 효율적
•
브라우저 클릭·탐색은 생각보다 “깊은 추론”이 필요 없는 경우가 많고, 진짜 어려운 작업에서만 Opus를 호출하는 구조 추천
2-3. Agent 환경 설정
Aside의 핵심은 브라우저보다 Agent 설정에 있음.
주요 구성 요소는 다음과 같음.
Aside Agent
├─ Project
│ └─ 로컬 폴더 읽기·쓰기
│
├─ Skills
│ └─ 반복 작업 및 기능 확장
│
├─ MCP
│ └─ Claude Code 등 외부 Agent 연결
│
└─ Memory
└─ 사용자 작업·선호·웹 탐색 기록
Plain Text
복사
특히 Memory가 Markdown 형태로 로컬에 저장되므로 직접 수정하거나 Claude Code 등을 이용해 관리할 수 있음.
"이 폴더 구조를 참고해서 나에 대한 정보를 Aside Memory에 정리해줘."와 같은 방식으로 개인화된 에이전트 환경을 구축할 수도 있음.
3. 활용 가능성
3-1. Codex Compueter Use Browser과 동일한 점, 차이점
Codex의 Use Browser처럼 AI가 브라우저를 직접 조작하도록 할 수 있음.
하지만 작업 속도는 넘사벽..
또한, Codex Computer Use는 로그인을 최소1회는 진행해야 하는 번거로움이 있음
사용 가능 예시•
웹페이지 검색 및 대량 크롤링
•
결제 내역 분석( 그때 그 물건이 무엇이였더라?)
•
웹페이지 요약
•
웹 기반 테스트 수행
•
YouTube 영상 대본 추출
•
게시글 작성
•
댓글 크롤링 및 분석
•
특정 쇼핑 페이지 장바구니 물건 담아놓기 등
기본 구조는 다음과 같음
사용자
↓
AI Agent
↓
Browser
↓
Web Service
Plain Text
복사
3-2. Aside의 차별점: MCP
특히 흥미로운 부분은 Aside 자체를 MCP 도구로 사용할 수 있다는 점임.
예를 들어 Claude Code에 연결하면, Claude DeskTop의 답답함을 해결할 수 있음
Claude Code
↓
MCP
↓
Aside
↓
Browser
↓
로그인된 웹서비스
Plain Text
복사
구조가 만들어짐.
따라서 Claude Code가 로컬 코드만 다루는 것이 아니라 브라우저까지 활용할 수 있음.
"현재 만든 웹앱을 실행하고 브라우저에서 직접 테스트해줘." "OpenRouter에 로그인해서 API Credit 잔액을 확인해줘." "GitHub 문서를 확인해서 이 프로젝트에 필요한 설정을 적용해줘."3-3. Codex의 computer Use와의 결정적 차이
Codex는 자체적인 Use Browser 기능을 제공한다면, Aside는 브라우저 자체를 하나의 독립적인 Agent Tool로 만들어 Claude Code 등 다른 개발 에이전트에서도 재사용할 수 있다는 점에서 활용 범위가 넓을 가능성이 있음.
4. 기본 활용 예제
•
기본 예제에서는 메타 프롬프팅, 스킬, MCP등 아무런 셋팅을 하지 않고, 순순히 Aside의 능력치를 체크해보는 목적으로 진행
4-1. 쿠팡 쇼핑
[예시 프롬프트]
나의 쿠팡쇼핑내역을 분석해서, 어떤 물건에 가장 많은 지출을 했고, 가장 빈도수 높은 구매품이 무엇인지 26년을 기준으로 정리해봐
Markdown
복사
•
작업중 흥미로운 점은 Agent의 동작을 보다 세분화 하여, 현재 어떤 작업(task)를 하고 있는지 보여줌
•
이런 작업을 할때 Chat VS tab무엇을 사용해야 하는가?
잘 모르겠다면 ‘Chat’만 사용하여도 무방항목 | Chat에서 요청 | Tabs에서 작업 |
작업 방식 | 제가 필요한 탭을 열고 탐색 | 이미 열린 탭을 직접 이어서 조작 |
결과 정확도 | 동일한 데이터면 동일 | 동일한 데이터면 동일 |
완료 시간 | 탭 탐색, 로그인 확인부터 필요할 수 있음 | 이미 주문목록 탭이 열려 있으면 더 빠름 |
토큰 사용량 | 페이지 읽기, 조건 판단, 결과 설명에 사용 | 기본적으로 비슷하나 열린 탭 상태가 명확하면 약간 절약 가능 |
변동 요인 | 페이지 로딩, 로그인 만료, 주문 추가/취소 | 같은 요인 적용 |
4-2. 네이버 쇼핑내역 분석(Aside약점 분석)
•
말그대로 프롬프트를 기반으로 Agent화 작업을 진행하므로 넘겨짚는 경향이 있음
•
이 내용이 이상하여 확인해보니, 취소건수를 결제내역으로 포함시켜 잘못 이해한 Case
•
인간의 직관이 AI의 판단보다 정확한 경우는 언제든 생길 수 있음
