Aside로 쇼핑부터 YouTube Studio 분석까지, 앱을 직접 쓰게 한 실전 활용 정리 | DAKER 커뮤니티

브라우저 에이전트가 단순히 검색만 돕는 수준을 넘어, 로그인 상태를 유지한 채 장바구니를 담고 구독 현황을 점검하며 서비스 UI까지 직접 다루는 흐름은 이제 꽤 현실적인 장면이 됐습니다. 이번 내용은 실밸개발자 채널의 「AI 브라우저한테 제 앱을 쓰게 했습니다 | 메타 시니어 엔지니어 Aside 실전 활용」을 바탕으로, Aside가 실제로 어떤 식으로 쓰였는지 핵심만 정리한 글입니다.

특히 쇼핑, AI 구독·API 크레딧 확인, YouTube Studio 분석, 썸네일 제작처럼 서로 다른 작업을 하나의 브라우저 에이전트로 이어가는 모습이 인상적입니다. 데모를 처음 보는 분도 흐름을 따라가기 쉽도록 구조를 다시 잡았습니다.

Aside를 한 줄로 보면 무엇인가

Aside는 페이지를 읽고 클릭하면서 다음 행동을 이어 가는 에이전트 브라우저로 소개됩니다. 로그인 상태를 유지하고, Memory로 작업 맥락을 남기며, 비밀번호 관리자와 함께 여러 단계를 끊기지 않게 처리하는 점이 핵심입니다.

Aside는 로그인 유지·메모리·비밀번호 관리를 묶어 긴 브라우저 작업을 이어서 처리하는 에이전트 브라우저입니다.

영상에서는 이 기능을 바탕으로 프로틴 비교와 장바구니 담기, AI 서비스 구독 및 API 크레딧 취합, YouTube Studio 그래프 확인, AutoKliq 썸네일 제작까지 실제 업무에 가까운 흐름으로 보여 줍니다.

브라우저 자동화가 늘 까다로웠던 이유

브라우저에서 반복 작업을 자동화하기 어려운 이유는 단순하지 않습니다. 많은 작업이 로그인부터 시작되고, 모달이나 로딩, 화면 크기 변화처럼 상태가 계속 바뀌며, 결제→날짜 확인→다운로드→검증처럼 여러 단계를 중간에 끊지 않고 이어 가야 하기 때문입니다.

영상에서는 Aside가 이미 로그인해 둔 세션을 그대로 활용하고, 작업 맥락을 기억하며, Playwright가 아니라 자체 설계인 AsideLite로 페이지를 읽고 조작한다고 설명합니다. 이 점이 일반적인 스크립트 자동화와 다른 지점으로 제시됩니다.

기억해 둘 핵심 기능 세 가지

에이전트

에이전트는 사람처럼 화면을 읽고 클릭하면서 다음 행동을 수행합니다. 단순 명령 실행이 아니라 현재 페이지 상태를 보고 이어서 움직이는 방식입니다.

Memory

Memory는 에피소드, 회사, user.md 같은 형태로 맥락을 쌓는 기능입니다. 일기처럼 누적되는 구조로 설명되며, 영상에서는 비활성 상태라면 켜 두는 편이 좋다고 말합니다.

비밀번호 관리

비밀번호 관리는 기본 기능과 외부 관리자 연동을 함께 지원합니다. Apple, Bitwarden 등이 예시로 언급되며, 영상 기준 공식 설명으로는 자동 입력에는 쓰이지만 저장된 비밀번호 값이 에이전트에 그대로 노출되지는 않는다고 합니다.

이와 함께 Chat 섹션으로 지시를 내리고, Ask Aside로 현재 화면을 설명하거나 조작하게 할 수 있습니다. 또 모델은 성격별로 다르게 둘 수 있고, 이미지 생성에는 Aside 토큰이 사용되며 프리 할당도 포함된다고 소개합니다.

Aside CLI와 Skill이 붙으면 무엇이 달라지나

Aside CLI를 설치하면 Claude Code나 Codex가 Aside를 도구처럼 사용할 수 있습니다. 여기에 Aside Skill을 매뉴얼처럼 제공하면, 코딩 에이전트가 브라우저 에이전트를 조종하는 흐름이 가능해집니다.

코딩 에이전트와 브라우저 에이전트를 연결하면 코드 작업과 실제 웹 조작이 하나의 흐름으로 이어집니다.

영상 제작자는 Playwright나 Astra의 컴퓨터 사용 방식보다 토큰과 속도 면에서 Aside 쪽을 더 자주 쓴다고 말합니다.

데모에서 눈에 띄는 활용 장면

쇼핑

프로틴 셰이크를 비교해 장바구니에 담는 장면이 나옵니다. 다만 결제처럼 민감한 단계는 승인 이후에만 진행하도록 두는 흐름으로 설명합니다.

구독·크레딧 취합

Anthropic, OpenAI, Gemini, YouTube, ElevenLabs 등의 서비스 현황을 채팅 한 번으로 맡기면 여러 탭을 병렬로 열어 갱신일과 잔여 API 크레딧을 확인합니다. 영상에서는 Gemini API 크레딧이 2주 안에 소진 예정이고, 사용량이 8월 대비 약 11배라는 결과가 나옵니다.

YouTube Studio 분석

YouTube Studio에서는 API로 바로 보기 어려운 그래프와 이탈 구간을 브라우저에서 직접 읽습니다. 영상에서는 롱폼 영상의 첫 60초 이탈이 절반 정도라는 분석이 나왔고, 이를 바탕으로 인트로, 구독 전환, 쇼츠 개선 포인트를 짚습니다.

AutoKliq 썸네일 제작

AutoKliq에서는 서비스 UI에 직접 입력하지 않고 Aside를 통해 브리프 작성부터 생성까지 자동화하는 장면을 보여 줍니다. 영상에는 메타 시니어가 선택한 에이전트 브라우저류의 카피가 들어간 썸네일 예시도 등장합니다.

내 앱을 에이전트가 쓰게 만든다는 것

영상에서 특히 흥미로운 부분은 AutoKliq를 Aside가 직접 사용하게 한 뒤, 불편한 점과 개선안을 보고서로 정리하게 하는 흐름입니다. 그 보고서를 Codex(Astra)에 넘겨 실제 코드와 대조하고, 우선순위를 정한 다음 구현, 리뷰, 브라우저 테스트로 이어 갑니다.

에이전트가 내 서비스를 직접 써 보게 하면 사용성 문제를 다른 각도에서 발견할 수 있습니다.

이 과정에서 제작자는 에이전트가 읽기 쉬운 선택 상태, 폼 구조, API 또는 스킬 래핑이 제품 설계의 중요한 포인트라고 정리합니다.

Branch · Guard · Final confirm · Profiles

영상에서는 몇 가지 운영 기능도 함께 짚습니다. Branch는 대화를 갈래로 나눠 다른 방향을 시험하는 기능입니다. Guard는 Read-only, Guarded, Full access로 쓰기 권한을 나누는 방식이며, 루틴 자동화에는 Full access가 편할 수 있지만 검증이 중요하다고 설명합니다.

Final confirm은 send, pay, delete, submit 같은 행동 전에 한 번 더 확인하는 장치입니다. Profiles는 개인, 업무, 테스트용으로 쿠키와 비밀번호 맥락을 분리하는 기능으로 소개됩니다.

정리

Aside는 로그인 유지, 메모리, 비밀번호 관리를 바탕으로 브라우저 안의 긴 작업을 이어 가는 에이전트 브라우저로 소개됩니다. 영상에서는 쇼핑, 구독 점검, YouTube Studio 분석, 썸네일 제작까지 실제 업무에 가까운 사례를 보여 주고, CLI를 통해 코딩 에이전트와 연결하는 흐름도 함께 제시합니다.

결국 핵심은 단순 자동화보다 한 단계 더 나아가, 에이전트가 내 서비스와 웹 환경을 실제로 사용하게 만들고 그 결과를 다시 제품 개선으로 연결하는 데 있습니다. 데모 화면과 세부 설정은 원본 영상을 함께 보는 것이 좋습니다.

참고 자료

유튜브: AI 브라우저한테 제 앱을 쓰게 했습니다 | 메타 시니어 엔지니어 Aside 실전 활용 · 채널 실밸개발자

브라우저 에이전트가 실제 서비스 사용성과 제품 개선에 어떤 영향을 줄지, 여러분은 어떻게 보시는지 궁금합니다.