본문 바로가기

개발이야기

VS Code Copilot Browser Tools GA…에이전트가 브라우저를 직접 조작

반응형

핵심 요약

GitHub는 2026년 7월 1일 VS Code용 GitHub Copilot Browser tools를 정식(GA) 제공한다고 발표했다(〈GitHub Changelog〉 2026.07.01). Copilot 에이전트가 IDE 내 통합 브라우저에서 페이지를 열고, 클릭·입력·스크린샷·콘솔 오류 확인·Playwright 스크립트 실행까지 할 수 있다. workbench.browser.enableChatTools 설정으로 기본 활성화되며, Enterprise는 정책으로 중앙 관리 가능하다.

무슨 일이 있었나

GitHub Changelog(2026.07.01) 및 VS Code 문서(2026.07) 핵심:

에이전트가 할 수 있는 일

  • 페이지 열기·네비게이션, 클릭·타이핑·호버·드래그·다이얼로그 처리
  • 페이지 콘텐츠 읽기, 콘솔 에러 캡처, 스크린샷
  • 단계가 길면 Playwright 코드로 스크립트 실행(외부 MCP 없이)

Add to Chat vs Browser tools

  • Add to Chat: 개발자가 요소·스크린샷·콘솔 로그를 수동으로 컨텍스트에 추가
  • Browser tools: 에이전트가 자율으로 페이지와 상호작용해 작업 완료

보안·격리

  • 에이전트 브라우저 탭은 일상 브라우징과 쿠키·스토리지 격리
  • 카메라·마이크·위치 등 민감 권한 기본 거부
  • Workspace trust·승인 프롬프트 적용
  • 사이트 allow/deny list(workbench.browser.*)로 접근 제한

Enterprise

  • BrowserChatTools 정책으로 workbench.browser.enableChatTools 중앙 on/off
  • Editor·Agents 창 모두 지원

맥락

  • Computer use·MCP 브라우저 도구 경쟁 속, VS Code가 내장 브라우저 + 에이전트로 일원화
  • Kimi K2.7·Claude Sonnet 5 GA와 같은 주에 출시되어 멀티모델 + 브라우저 조합 가능

개발자 관점 해석

1. E2E·UI 회귀 테스트

"로그인 후 대시보드 카드 3개 확인" 같은 시나리오를 에이전트에게 맡기고, 실패 시 스크린샷·콘솔 로그를 채팅으로 받을 수 있다. Playwright 스크립트 생성→재실행 루프와 궁합이 좋다.

2. MCP 대체·보완

외부 browser MCP 서버 없이 VS Code 내장 도구만으로 동작한다. 팀 표준 IDE가 VS Code면 온보딩·보안 검토 부담이 줄어든다.

3. 거버넌스 설계

  • 스테이징 URL만 allow list
  • 프로덕션·내부 admin URL deny
  • Enterprise 정책으로 전사 off 가능
  • "Share with Agent" 권한은 필요 시에만·사후 revoke

4. 한계

  • 복잡한 SPA·CAPTCHA·2FA는 여전히 사람 개입 필요
  • 에이전트 루프 비용(토큰·시간) — 짧은 smoke test부터

고유 정리: Browser tools GA 후 실무 3단계 — (1) enableChatTools on + staging allow list, (2) 핵심 user flow 1개를 에이전트 smoke test로 고정, (3) 실패 시 스크린샷·콘솔을 CI 아티팩트처럼 저장. 수동 Add to Chat과 자율 Browser tools를 역할 분리하면 토큰·품질 모두 잡기 쉽다.

체크포인트와 리스크

  • 체크포인트:
  • VS Code 1.127+ 업데이트
  • allow/deny list·workspace trust 설정
  • Playwright 생성 스크립트를 repo에 커밋할지 정책
  • Copilot Agent vs 일반 chat에서 browser tools 차이
  • 리스크 요인:
  • 프로덕션 URL 오조작·데이터 노출
  • 에이전트 무한 루프·토큰 과다
  • 격리 브라우저라도 로그인 세션 공유 실수
  • 2FA·OAuth 플로우 자동화 한계

마무리

Copilot Browser tools GA는 "코딩 에이전트 + 실브라우저"를 VS Code 한곳에 묶은 변화다. allow list·Enterprise 정책을 먼저 잡고, 스테이징 smoke test부터 파일럿하면 프로덕션 QA 보조 도구로 확장하기 좋다.

참고 자료


※ 본 글은 정보 제공을 목적으로 한 개인 의견이며, 특정 제품·서비스 사용을 권유하지 않습니다.