에이전트 브라우저(agent browser)는 AI가 웹페이지를 읽는 데서 그치지 않고 클릭, 입력, 다운로드 같은 작업까지 수행하는 브라우저입니다.
MCP(Model Context Protocol)는 Codex나 Claude Code 같은 외부 에이전트가 브라우저 기능을 호출하도록 연결하는 방식입니다. Aside Browser가 실제 탭과 로그인 상태를 관리하고, aside mcp가 이를 코딩 에이전트와 연결합니다.
Aside는 로그인된 업무 브라우저를 코딩 작업에 연결합니다. 웹 조작 자체는 다른 에이전트 브라우저도 합니다.
Aside 공식 소개 영상 ↗은 AI가 실제 웹사이트와 계정을 오가며 작업하는 모습을 짧게 보여줍니다.
한눈에 비교하기
| 도구 | 잘하는 일 | 추천 상황 |
|---|---|---|
| ChatGPT Work ↗ | 웹·앱·파일을 오가는 긴 작업 | 범용 업무를 결과물로 만들 때 |
| Perplexity Comet ↗ | 현재 페이지와 여러 탭 조사·요약 | 검색과 자료 조사가 중심일 때 |
| Aside Browser ↗ | 로그인된 업무 사이트와 코드 연결 | CI·스테이징·내부 도구를 조사할 때 |
| Playwright MCP ↗ | 페이지 구조 탐색과 정확한 요소 조작 | 브라우저를 세밀하게 제어할 때 |
네 도구는 우열보다 출발점이 다릅니다. ChatGPT Work와 Comet은 브라우저 안에서 AI에게 일을 맡깁니다. Aside는 외부 코딩 에이전트가 업무 브라우저를 호출하는 흐름에 맞습니다.
ChatGPT Atlas는 과거의 비교 대상입니다. OpenAI는 Atlas를 종료하고 관련 기능을 ChatGPT와 Codex로 옮긴다고 안내 ↗했습니다. 그래서 이 글은 현재 제품인 ChatGPT Work를 기준으로 비교합니다.
Aside가 유용한 이유
코딩 에이전트가 브라우저 증거를 가져옵니다
코딩 에이전트는 저장소의 코드와 테스트는 잘 읽지만, 로그인 뒤에 있는 CI 로그나 사내 대시보드는 바로 볼 수 없습니다. Aside MCP를 연결하면 에이전트가 브라우저에서 다음과 같은 자료를 확인할 수 있습니다.
- 실패한 CI의 첫 오류와 로그 주소
- 스테이징 화면과 재현 과정
- 비공개 대시보드의 현재 상태
사람이 브라우저 결과를 복사해 다시 설명하는 과정이 줄어듭니다.
큰 목표와 정밀한 확인을 나눌 수 있습니다
Aside에는 세 가지 사용 방식이 있습니다.
- CLI: 터미널에서 브라우저 작업을 시작하는 명령
- MCP: Codex 같은 외부 에이전트와 연결하는 통로
- REPL: 개발자가 명령을 한 줄씩 실행하며 페이지를 직접 확인하는 도구
예를 들어 “이 PR의 CI 실패 원인을 찾아줘”처럼 큰 목표는 에이전트에게 맡기고, 특정 화면이나 다운로드 파일은 개발자가 REPL로 다시 확인할 수 있습니다.
업무 계정용 권한을 설정할 수 있습니다
Aside 권한 설정 ↗은 도구 사용을 Allow, Ask, Deny로 나누고 작업 권한을 Read only, Guard, Full access로 구분합니다. 저장된 비밀번호는 AI에게 값을 직접 보여주지 않고 조건이 맞을 때 자동 입력합니다.
새 작업의 기본 권한은 Guard이고, AI의 비밀번호 사용 기본값은 Always allow입니다. 설치한 뒤 업무 환경에 맞게 이 두 값을 먼저 바꿉니다.
Playwright와 무엇이 다른가
Playwright MCP는 브라우저의 버튼과 입력창 같은 구조를 읽고, 원하는 요소를 정확히 조작합니다. 흔히 헤드리스 도구로 불리지만 기본값은 창이 보이는 모드이며, 옵션으로 헤드리스 실행을 선택할 수 있습니다. 확장을 사용하면 기존 브라우저의 로그인 상태도 연결할 수 있습니다.
그래서 로그인 상태나 보이는 화면만으로는 Aside와 Playwright를 구분할 수 없습니다. 작업 성격으로 고릅니다.
- 작업 경로가 명확하고 요소를 정확히 조작해야 하면 Playwright MCP가 알맞습니다.
- 여러 업무 사이트를 오가며 원인을 조사해야 하면 Aside가 편합니다.
- 같은 UI 테스트를 저장소에 남겨 CI에서 반복 실행하려면 Playwright Test가 더 알맞습니다.
Playwright MCP는 코딩 에이전트에 브라우저 조작 도구를 제공합니다. Aside MCP는 로그인·승인·파일 작업을 포함한 업무 브라우저 환경을 연결합니다.
Aside MCP 연결하기
MCP 설정만으로 새 브라우저가 생기지는 않습니다. 먼저 Aside Browser를 설치하고 필요한 사이트에 로그인해야 합니다.
- Aside Browser를 설치하고 실행합니다.
- 필요한 사이트에 로그인합니다.
- Aside의 Developer settings에서 CLI를 설치합니다.
- 코딩 도구의 MCP 설정에 아래 내용을 추가합니다.
- 읽기 전용 작업으로 연결을 확인합니다.
{
"mcpServers": {
"aside": {
"command": "aside",
"args": ["mcp"]
}
}
}처음에는 변경 작업 대신 결과가 분명한 확인 작업을 맡깁니다.
이 PR의 실패한 CI를 열어 첫 오류를 찾고,
관련 로그 주소와 원인 후보를 정리해줘.
댓글 게시, 재실행, 설정 변경은 하지 마.안전하게 사용하기
로그인된 브라우저에는 공개 검색보다 민감한 정보가 많습니다. 다음 세 가지를 먼저 지킵니다.
- 처음에는
Read only로 시작합니다. - 게시, 결제, 권한 변경은 초안만 만들고 사람이 승인합니다.
- 결과에 필요한 링크와 화면만 포함하도록 범위를 좁힙니다.
Aside는 작업 기록을 로컬에 저장하지만, 모델이 작업하는 데 필요한 일부 화면·파일 정보는 선택한 모델 제공자에게 전송될 수 있습니다. 자세한 범위는 Aside 개인정보 처리방침 ↗에서 확인할 수 있습니다.
마무리
페이지 요약과 검색이 중심이면 Comet을 씁니다. 정확한 브라우저 제어와 반복 테스트가 필요하면 Playwright를 씁니다. 코딩 에이전트가 로그인된 CI·스테이징·내부 도구까지 조사해야 한다면 Aside를 씁니다.
관련 글:
- Chrome DevTools MCP — 브라우저 오류와 네트워크를 조사하는 방법
- OpenAI Codex Record & Replay — 반복 작업을 재사용하는 방법
- Agent Device — 모바일 화면을 에이전트로 검증하는 방법