[Antigravity #4] 내 손안의 브라우저: 에이전트에게 웹서핑 시키기
Editor’s Note
개발하다 보면 브라우저를 켜야 할 일이 정말 많습니다.
“API 문서 확인하고, 로컬 서버 띄워서 테스트하고, 로그 보고…”
Antigravity의 Browser Agent는 이 귀찮은 일을 대신해줍니다. 에이전트에게 ‘마우스’와 ‘키보드’를 쥐여주는 법을 배워봅시다.
1. Browser Agent가 뭔가요?
한마디로 “Antigravity 안에 내장된 크롬(Chrome)”입니다. 하지만 사람만 볼 수 있는 게 아니라, AI 에이전트가 직접 클릭하고 타이핑할 수 있는 특별한 브라우저입니다.
- Human: 브라우저를 열고 -> 주소창에 치고 -> 눈으로 보고 -> 코드를 고친다.
- Agent: “이 사이트 접속해서 에러 확인해”라고 시키면 -> 알아서 다 한다.
2. 실습 1: “이 뉴스 기사 좀 요약해줘” (Crawling)
가장 쉬운 크롤링부터 해볼까요? 매니저 뷰(채팅창)에 이렇게 입력해 보세요.
1
2
"https://news.ycombinator.com (해커뉴스)에 접속해서,
오늘 가장 인기 있는 기사 3개의 제목과 링크를 가져와서 'news.md' 파일로 저장해줘."
그러면 에이전트가 실제로 브라우저를 띄우고(화면 오른쪽 아래에 보여요!), 빠르게 스크롤하면서 정보를 긁어옵니다. 크롤링 코드(BeautifulSoup 같은 거)를 짤 필요가 없습니다. 그냥 “가져와”라고 하면 됩니다.
3. 실습 2: “로그인 페이지 테스트해줘” (E2E Testing)
개발자라면 매번 “로그인 -> 비밀번호 입력 -> 버튼 클릭 -> 마이페이지 확인” 하는 과정이 지겹죠. 이걸 자동화해보겠습니다.
1
2
3
"http://localhost:3000 접속해.
ID: testuser, PW: password123 으로 로그인 시도해 봐.
로그인 성공하면 'Welcome' 메시지가 뜨는지 확인해주고, 실패하면 스크린샷 찍어."
에이전트는 군말 없이 시키는 대로 클릭하고 타자를 칩니다. 만약 에러가 나면? “로그인 버튼 눌렀는데 500 에러 떴어요”라며 빨간색 에러 로그를 보여줍니다.
4. 200% 활용 꿀팁: Console Log 읽기
Browser Agent의 진짜 강력함은 개발자 도구(Console)를 볼 줄 안다는 것입니다. 화면은 멀쩡해 보여도 뒤에서 자바스크립트 에러가 터지고 있을 수 있잖아요?
“사이트 전체를 돌아다니면서 자바스크립트 에러(Console Error)가 뜨는 페이지가 있는지 찾아줘.”
이 명령어 하나면, 여러분은 퇴근 전에 ‘무료 QA’를 돌리는 셈이 됩니다.
5. 오늘의 요약
- Antigravity에는 AI가 조종하는 브라우저가 있다.
- 크롤링 코드를 짤 필요 없이, “가져와”라고 시키면 된다.
- 매번 손으로 하는 클릭 테스트(QA)를 “대신해”라고 떠넘길 수 있다.
다음 편 [Antigravity #5] 에서는, 개발자의 영원한 숙적! 버그(Bug)를 AI와 함께 사냥하는 초스피드 디버깅 기술을 알려드리겠습니다.