Tooling

VS Code 1.119 — 에이전트 브라우저 통합과 OpenTelemetry 추적

에이전트가 브라우저 탭을 직접 열고 검증하는 통합 기능과, 에이전트 행동을 OpenTelemetry로 관찰하는 기능이 추가된 1.119를 살펴본다.

7 min read
VS Code에이전트AI브라우저OpenTelemetry
VS Code 1.119 — 에이전트 브라우저 통합과 OpenTelemetry 추적

VS Code 1.119가 2026년 5월 6일에 릴리즈됐다. 이번 버전의 핵심은 에이전트가 브라우저를 직접 다루는 방식이다. 코드를 수정하고 -> 브라우저에서 결과를 확인하는 흐름을, 에이전트가 스스로 닫힌 루프로 처리할 수 있게 됐다.

에이전트-브라우저 통합

브라우저 탭을 채팅 컨텍스트로 추가

에이전트가 이제 통합 브라우저에 직접 접근해서 실시간으로 결과를 검증할 수 있다. 반대로 사용자가 특정 브라우저 탭을 에이전트의 컨텍스트에 명시적으로 추가할 수도 있다.

예를 들어 에이전트가 React 컴포넌트를 수정했을 때, 브라우저에서 렌더링 결과를 직접 확인하고 추가 조정을 할 수 있다. 개발자가 매번 브라우저로 전환해서 확인하고 다시 채팅으로 돌아오는 왕복 작업이 줄어든다.

브라우저 탭 공유 중에는 "Sharing with Agent" 버튼이 표시된다. 에이전트가 내 브라우저를 보고 있다는 걸 언제나 확인할 수 있고, 버튼 클릭으로 즉시 공유를 중단할 수 있다.

[💡 잠깐! 이 용어는?] 통합 브라우저: VS Code 안에 내장된 브라우저. 별도 창을 열지 않고도 코드 수정 결과를 확인할 수 있는 기능. Simple Browser 명령으로 열 수 있다.

탭 재사용 프롬프트

에이전트가 새 탭을 열어야 할 때, 이미 같은 사이트의 탭이 열려 있으면 재사용 여부를 묻는다. 탭이 계속 늘어나는 문제를 방지한다.

탭 재사용 프롬프트 예시
에이전트: "localhost:3000이 이미 열려 있습니다. 이 탭을 재사용할까요?"

OpenTelemetry 추적

설정:

.vscode/settings.json
{
  "github.copilot.chat.otel.enabled": true,
  "github.copilot.chat.otel.otlpEndpoint": "http://localhost:4318"
}

에이전트가 무엇을 하는지 이제 표준 관찰 가능성 도구로 추적할 수 있다. 각 사용자 요청은 invoke_agent 루트 스팬을 생성하고, 그 아래에 채팅 단계와 도구 실행 스팬이 중첩된다.

[💡 잠깐! 이 용어는?] OpenTelemetry: 분산 시스템의 로그, 메트릭, 추적 정보를 수집하는 오픈소스 표준. AWS, Google, Microsoft 등이 지원한다. Jaeger, Grafana 같은 도구와 연동해서 시각화할 수 있다.

추적 가능한 정보:

  • 에이전트 행동: 어떤 도구를 어떤 순서로 실행했는가
  • 지연시간: 각 단계에서 얼마나 걸렸는가
  • 토큰 사용량: 요청마다 얼마나 소비했는가

팀이 에이전트를 본격적으로 도입했을 때, 어느 작업이 병목인지 Grafana 대시보드로 한눈에 볼 수 있다. 비유하면 에이전트에게 "출장 보고서"를 요구하기 시작한 것이다. 이전에는 그냥 시키고 결과만 봤다면, 이제는 과정도 투명하게 기록된다.

모델 세부정보 표시

설정: github.copilot.chat.agent.modelDetails.enabled

Auto 모드를 사용할 때 실제로 어떤 모델이 사용됐는지 응답 옆에 표시된다. Claude Sonnet 4.5를 썼는지 GPT-4o를 썼는지 명시적으로 확인할 수 있다.

표시 정보설명
모델명실제 사용된 LLM 이름
배수(multiplier)토큰 비용 배율

Auto 모드가 내 요청을 어떤 기준으로 어느 모델에 라우팅했는지 파악하는 데 유용하다. 특정 작업 유형에서 계속 비싼 모델이 선택된다면, 커스텀 인스트럭션이나 모델 설정을 조정하는 근거가 된다.

Todo 리스트 최적화 (실험)

설정: github.copilot.chat.agent.backgroundTodoAgent.enabled

기존에는 에이전트가 Todo 목록을 관리하는 데도 메인 모델 토큰을 소비했다. 이제 경량 배경 에이전트가 Todo 관리를 대신 처리해서, 메인 모델은 실제 개발 작업에만 집중한다.

체감 효과는 장시간 에이전트 세션에서 나타난다. 복잡한 기능 구현처럼 수십 단계를 거치는 작업에서, 불필요한 컨텍스트 낭비가 줄어들고 모델이 핵심 작업에 더 집중한다.

에이전트 샌드박스 네트워크

설정: chat.agent.sandbox.enabled"allowNetwork"

파일 시스템은 제한하면서 네트워크 접근은 허용하는 모드가 추가됐다. 패키지를 설치하거나 API를 호출하거나 개발 서버를 실행해야 할 때, 기존에는 샌드박스 전체를 비활성화해야 했다.

.vscode/settings.json
{
  "chat.agent.sandbox.enabled": "allowNetwork"
}

파일 시스템 보호는 유지하면서 네트워크만 열어두는 것이다. 보안과 기능성 사이의 균형점이다.

마무리

1.119에서 가장 인상적인 건 에이전트의 폐쇄 루프(closed loop) 실행이다. 코드를 짜고 -> 브라우저에서 확인하고 -> 필요하면 수정하는 과정을 에이전트가 스스로 반복할 수 있게 됐다. OpenTelemetry 통합은 이 루프를 팀 단위로 관찰하고 최적화할 수 있는 기반을 만들었다. 에이전트가 단순히 "코드를 써주는 도구"에서 "검증까지 책임지는 파트너"로 한 단계 진화했다.


참고: