VS Code 1.121에서 무엇이 바뀌었나? Agents, Mermaid, HTML 미리보기, 터미널 최적화 정리

본 기사는 VS Code 1.121의 업데이트 정보를 바탕으로 AI를 보조적으로 사용하여 초안을 작성한 후, 내용을 확인 및 편집하였습니다. 오류가 있다면 수정하겠습니다.

Visual Studio Code 1.121이 공개되었습니다.

이번 업데이트는 단순한 세부 개선이라기보다, Agents / Copilot 주변의 실행 경험 강화와 미리보기(Preview) 기능의 표준 탑재가 눈에 띄는 릴리스입니다.

특히 이번 업데이트에서는 다음과 같은 변화가 있었습니다.

• Agents Window의 개선
• 원격 머신(Remote machine) 상에서의 agent 실행
• 보조 용도로 사용하는 모델의 전환
• Mermaid 미리보기 표준 탑재
• HTML 파일 미리보기 표준 지원
• 터미널 도구 출력의 압축 및 백그라운드 정리

이 기사에서는 VS Code 1.121의 업데이트 내용을 **"무엇이 편리해졌는가"**라는 관점에서 정리합니다.

이번 VS Code 1.121을 한마디로 요약하면 다음 세 가지 점이 큽니다.

1. Agents가 "실험 기능"에서 조금씩 실무적인 실행 기반으로 다가왔다
2. Mermaid / HTML과 같은 일상적인 미리보기 기능이 확장 프로그램 없이도 사용하기 쉬워졌다
3. Copilot / agent가 터미널을 사용할 때 발생하는 불필요한 노이즈나 자원 소비가 상당히 줄었다

특히 AI 코딩 지원을 사용하는 사람에게 이번 업데이트는 상당히 실용적입니다.

가장 눈에 띄는 것은 **Agents Window (Preview)**의 지속적인 강화입니다.

지난 버전부터 Stable 버전에 preview로 포함되었던 agent용 companion window이지만, 이번에도 개선이 계속되고 있습니다.

VS Code 타이틀 바의 Open in Agents 버튼 등을 통해 열 수 있는 이 화면은, 단순한 Copilot Chat의 별도 UI라기보다 agent 주도로 작업을 수행하기 위한 전용 실행 환경으로 육성되고 있다는 인상을 줍니다.

현재 시점에서 중요한 점은 Microsoft 측이 이 Agents Window를 상당히 진지하게 육성하고 있다는 것입니다.

단발성 채팅이 아니라, "여러 프로젝트에 걸친 작업", "장시간 작업", "향후 확장 기능과의 연계"까지 내다보고 있다는 것을 릴리스 노트에서도 읽을 수 있습니다.

이번 업데이트에서 특히 눈여겨볼 점은 **Remote agents (Preview)**입니다.

이는 Agents Window에서 SSH 혹은 dev tunnels를 사용하여, 자신이 소유한 원격 머신 상에서 agent 세션을 실행할 수 있는 기능입니다.

대략적으로 설명하면 다음과 같습니다.

• 수중에 있는 VS Code로부터
• 원격 머신에 접속하여
• 그 위에서 agent를 구동하고
• 세션 자체는 원격 측에서 지속할 수 있는

구조입니다.

이 기능의 큰 포인트는 클라이언트가 접속을 끊어도 원격의 agent host가 계속 살아있다는 점입니다.

즉, 로컬 노트북을 닫더라도 원격 머신 측에서 작업이 계속 진행되도록 설계되어 있습니다.

기존의 Remote Development Extensions와 완전히 동일한 것은 아니며, Agents Window는 원격 측에 접속한 후 VS Code CLI를 설치하거나, 이미 구동 중인 CLI server에 dev tunnel을 통해 연결합니다.

그 후 agent host라는 경량 프로세스를 기동하며, 그곳이 Copilot SDK 기반의 새로운 agent loop를 호스트합니다.

즉, 이것은 단순한 "원격으로 VS Code를 여는 것"이 아니라,

agent를 원격에 상주시키기 위한 메커니즘

으로 보는 것이 옳습니다.

Remote agents에서 기술적으로 흥미로운 점은 접속에 **Agent Host Protocol (AHP)**이라는 새로운 오픈 프로토콜을 사용한다는 것입니다.

설명을 보면 AHP의 설계 사상은 상당히 명확합니다.

• agent host가 authoritative state(권위 있는 상태)를 가짐
• 여러 클라이언트에 상태 동기화 가능
• 변경 사항은 reducer 기반으로 순서가 지정됨

즉, agent 세션 그 자체를 공유 가능한 상태 관리 대상으로 취급하는 방향으로 가고 있습니다.

이는 향후 상당히 중요해질 수도 있습니다.

단순한 chat completion (채팅 완성)적인 세계가 아니라, 장수명·다중 클라이언트·공유 상태를 가진 agent (에이전트) 실행 기반을 상정하고 있기 때문입니다.

게다가 AHP는 open protocol (개방형 프로토콜)이므로, 향후에는

• VS Code CLI의 agent host (에이전트 호스트)에 접속하는 별도의 클라이언트
• VS Code가 접속할 수 있는 독자적인 AHP host (호스트)

와 같은 전개도 이론적으로는 가능해집니다.

이 부분은 이번 릴리스 중에서도 상당히 “미래를 위한 포석”이라는 느낌이 강한 대목입니다.

VS Code의 agent 이용 상황을 OpenTelemetry를 통해 출력하고, Azure Managed Grafana로 시각화할 수 있는 흐름도 정비되었습니다.

대시보드에서는 예를 들어 다음과 같은 정보를 볼 수 있습니다.

• agent operations (에이전트 작업)
• token usage (토큰 사용량)
• chat sessions (채팅 세션)
• tool calls (도구 호출)
• model (모델)별 response time (응답 시간)
• TTFT (time to first token, 첫 토큰 생성 시간)

이는 개인적인 이용보다는 팀 단위의 이용이나 운영 모니터링에 효과적인 기능입니다.

AI 코딩 지원이 '어쩌다 보니 편리한 것'에서 '비용이나 동작을 측정하여 관리하는 것'으로 옮겨가고 있는 흐름이 여기에서도 나타나고 있습니다.

Claude Agent에는 **Auto mode (Preview) (자동 모드 (미리보기))**가 추가되었습니다.

이를 활성화하면 Claude가 매번 permission prompt (권한 승인 프롬프트)를 띄우지 않고 실행할 수 있게 됩니다.

단, 완전히 무방비 상태는 아니며, 별도의 classifier request (분류 요청)가 위험한 조작을 검토하여 차단하는 설계입니다.

즉, 이것은 다음과 같은 분들을 위한 중간 모드입니다.

• 매번 확인하는 것이 너무 많아 번거롭다
• 하지만 완전히 YOLO (무모한 실행) 방식은 무섭다

장시간 태스크나 반복 작업에서는 상당히 편리할 것으로 보입니다.

한편, 확인 절차가 전혀 없는 **Bypass all permissions (모든 권한 우회)**도 별도 설정으로 제공되지만, 이는 정말 위험도가 높으므로 보통은 Auto 모드 정도면 충분하다고 생각합니다.

이번에 은근히 실용성이 높은 것이 utility models (유틸리티 모델) 설정 추가입니다.

새로운 설정은 다음 두 가지입니다.

chat.utilityModel

chat.utilitySmallModel

VS Code에서는 채팅 외에도 백그라운드에서 다양한 경량 태스크가 실행되고 있습니다. 예를 들어,

• 제목 생성
• 요약
• 커밋 메시지 생성
• rename suggestion (이름 변경 제안)
• prompt categorization (프롬프트 분류)
• intent detection (의도 탐지)

등입니다.

이번부터는 이러한 보조 용도의 모델을 직접 교체할 수 있게 되었습니다.

이는 상당히 큰 변화입니다.

메인 대화 모델은 고성능 모델을 사용하면서도,

• 경량 작업은 저렴한 모델로 설정
• BYOK (Bring Your Own Key) 모델 사용
• 용도에 따라 고속 모델로 전환

하는 등의 구성이 쉬워지기 때문입니다.

AI를 '전부 동일한 모델로 돌리는 것'에서, 역할에 따라 모델을 나누어 사용하는 방향으로 나아가고 있음이 보입니다.

이는 현재 시점에서는 Insiders (인사이더) 한정이지만, BYOK 관련 기능도 전진하고 있습니다.

새로운 **Custom Endpoint provider (커스텀 엔드포인트 프로바이더)**는,

• Chat Completions
• Responses
• Messages

호환 엔드포인트를 하나의 설정 체계로 다룰 수 있는 프로바이더입니다.

기존의 customoai는 Chat Completions만 지원했기 때문에, 더욱 범용적인 형태로 발전한 것입니다.

BYOK를 사용하는 사람이나, 자체 엔드포인트 또는 호환 API를 연결하고 싶은 사람에게는 상당히 긍정적인 방향의 변경입니다.

이는 매우 반가운 변경입니다.

지금까지 HTML 파일을 미리 보려면 확장 프로그램을 설치하는 것이 거의 전제 조건이었습니다.

하지만 VS Code 1.121부터는 로컬 HTML 파일을 Integrated Browser (통합 브라우저)에서 직접 열 수 있게 되었습니다.

사용법도 간단하여,

• File Explorer (파일 탐색기)에서 우클릭 후 Open in Integrated Browser 선택
• 또는 에디터의 미리보기 아이콘 클릭

으로 열 수 있습니다.

이는 단순하지만 상당히 실용적입니다. 간단한 정적 HTML, UI 목업, 생성물 확인, 템플릿 확인 등을 확장 프로그램 없이 완결할 수 있게 되었기 때문입니다.

또한 Integrated Browser (통합 브라우저) 측에서는 요소 선택 UI도 개선되었습니다.

• 드래그로 범위 선택
• 컨텍스트 메뉴에서 Add Element to Chat (채팅에 요소 추가)

이 가능해졌습니다.

이를 통해 웹 페이지의 일부를 agent / chat에 전달하여 상담하는 흐름이 훨씬 수월해졌습니다.

프론트엔드 작업이나 UI 수정 상담 시 은근히 편리합니다.

이번 릴리스에서 개인적으로 가장 실무적이라고 생각하는 부분이 바로 여기입니다.

VS Code의 agent가 터미널을 사용할 때의 동작이 상당히 개선되었습니다.

agent를 통해 실행된 terminal command (터미널 명령)에는 VSCODE_AGENT 환경 변수가 포함되도록 되었습니다.

이를 통해 CLI 측에서 다음과 같은 전환이 가능해집니다.

• 애니메이션 제거
• 기계 판독 가능한 출력 (machine-readable output)으로 변경
• 대화형 프롬프트 억제

이미 CI용이나 bot용 동작 분기 로직을 가지고 있는 CLI라면, 같은 방식으로 agent에 대응하기 쉬워집니다.

기존에는 terminal command가 백그라운드에서 여전히 동작 중임에도 불구하고, chat 측에서는 완료된 것처럼 보이는 경우가 있었습니다.

이번부터는 동작 중일 때 Running <command> in background라고 표시되며, Show를 통해 해당 터미널로 바로 이동할 수 있습니다.

이는 UX 측면에서 매우 중요합니다.

"끝난 것인지, 백그라운드에서 아직 동작 중인지"를 알 수 있는 것만으로도 agent 이용 시의 불안감이 크게 줄어듭니다.

긴 채팅 세션에서 terminal command를 여러 번 입력하면, 종료된 터미널이 계속 남아있는 문제가 있었습니다.

이번부터는 agent가 생성한 background terminal은 완료 후 자동으로 dispose (해제) 됩니다.

단, Show를 통해 확인한 터미널은 남아있으므로, 확인하고 싶은 것까지 삭제되지는 않습니다.

chat.tools.compressOutput.enabled 설정이 적용되는 범위도 확장되었습니다.

이번 대상 확대로 인해 다음과 같은 항목들의冗長(중복/장황) 출력이 더 쉽게 압축됩니다.

• test runners (테스트 러너)
• build tools (빌드 도구)
• linters (린터)
• Docker commands (Docker 명령)
• package managers (패키지 매니저)

이는 매우 중요합니다.

AI에게 전달하는 터미널 출력은 전부 보여줄 경우 노이즈가 너무 많기 때문입니다.

이번 개선을 통해 모델이 정말로 필요한 차이점(diff)을 찾기 쉬워졌으며, 이는 토큰 절약으로도 이어집니다.

password / passphrase / PIN / verification code와 같은 sensitive prompt (민감한 프롬프트)에 도달할 경우, VS Code가 이를 intercept (가로채기) 하도록 되었습니다.

• 일반 모드에서는 사용자가 터미널에 직접 입력
• auto-approve (자동 승인) 계열에서는 명령을 cancel (취소) 하고, 모델이 재시도하지 않도록 함

이는 매우 중요한 변화입니다.

AI가 비밀 정보를 수집하는 사고를 줄일 수 있기 때문입니다.

에디터 측에서는 editor.quickSuggestions의 기본 동작이 변경되었습니다.

Copilot의 inline completion (인라인 완성)이 활성화된 경우, 문자 입력 시 suggest control (제안 컨트롤)이 자동으로 나타나지 않도록 설정되었습니다.

배경에 깔린 생각은 단순합니다. 기존 동작에서는 알파벳 순서의 심볼 후보가 멋대로 선택되어, Copilot의 완성 프리픽스(prefix)까지 오염시키는 경우가 있었기 때문입니다.

요컨대 이번 변경은,

완성 UI의 노이즈를 줄여 inline completion을 자연스럽게 받아들일 수 있도록 하는

방향의 조정입니다.

이전의 동작을 선호한다면 설정에서 되돌릴 수 있지만, Copilot 이용자 대부분에게는 새로운 기본 설정이 더 정숙하고 좋을 것입니다.

이는 매우 명확한 개선 사항입니다.

Matt Bierner 씨의 Mermaid preview 확장 프로그램이 VS Code에 통합되어, Mermaid Markdown Features라는 built-in extension (내장 확장 프로그램)이 되었습니다.

이를 통해 다음 환경에서 Mermaid diagram을 그대로 렌더링할 수 있습니다.

• Markdown preview (마크다운 미리보기)
• notebook의 Markdown cell (노트북 마크다운 셀)
• chat (채팅)

즉, 다음과 같은 표기법이 기본적으로 렌더링됩니다.

flowchart LR
Sleep[Sleep] --> Wake{Awake?}
Wake -->|No| Sleep
...

실제로 VS Code 미리보기에서 표시되는 도표

게다가 이번의 내장(built-in) Mermaid는,

• pan / zoom (팬 / 줌) 지원
• 우클릭으로 Mermaid 소스 복사 가능

과 같은 편의성도 갖추고 있습니다.

Markdown (마크다운) 기반으로 설계 메모를 작성하는 사람에게는 상당히 반가운 업데이트입니다.

markdown.preview.frontMatter

설정이 추가되어, YAML front matter (YAML 프론트 매터)의 표시 방법을 선택할 수 있게 되었습니다.

선택 가능한 옵션은 다음 세 가지입니다.

• table (테이블, 기본값)
• codeBlock (코드 블록)
• hide (숨기기)

기본값인 table 표시 방식은 기사나 문서의 metadata (메타데이터)를 확인하기 쉬워 편리합니다.

Qiita나 Zenn 원고를 Markdown으로 작성하는 사람들에게도 궁합이 좋을 것으로 보입니다.

VS Code 1.121의 업데이트를 정리하자면, 이번의 주인공은 명백히 Agents (에이전트) / Copilot (코파일럿) 실행 기반의 강화입니다.

특히 중요한 점은 다음과 같습니다.

• Remote agents (원격 에이전트)를 통해, 에이전트를 원격 상주 프로세스로 사용하는 방향성이 보이기 시작함
• utility model (유틸리티 모델) 설정을 통해, 보조 용도의 모델 분리가 가능해짐
• terminal (터미널) 출력 압축 및 cleanup (정리)을 통해 에이전트 실행의 낭비가 줄어듦
• sensitive prompt (민감한 프롬프트) 처리가 더욱 안전해짐

그 외에도 일상적인 개선 사항으로서,

• HTML preview (HTML 미리보기) 표준 지원
• Mermaid 내장(built-in)화
• Markdown front matter (마크다운 프론트 매터) 표시 개선

이 포함되어 있어, 평소 사용하는 VS Code도 착실하게 편리해지고 있습니다.

이번 1.121 버전은 단순한 기능 추가라기보다,

VS Code가 「에디터」에서 「AI 실행 프론트엔드」로 나아가는 흐름이 더욱 가속화된 릴리스

라고 이해하면 파악하기 쉬울 것입니다.