Hatena
[속보] VS Code 1.142에 Canvas 도입: 채팅 옆에서 에이전트와 같은 화면을 다룰 수 있는 "Interactive Canvases" 정리
소프트웨어처음 오른 때 점수 22
VS Code 1.142에 Canvases(미리보기)가 들어왔습니다. 채팅창 옆에 열리는 화면에서 사용자와 AI 에이전트가 같은 결과물을 함께 만지며 작업할 수 있는 기능입니다.
무슨 일이 있었나요?
2026년 10월 14일에 나온 VS Code 1.142의 주요 기능으로 Canvases가 미리보기 상태로 추가되었습니다. 설정을 켜고 새 Copilot 세션에서 /create-canvas를 입력하면, 내 프로젝트에 맞는 작업 화면을 에이전트가 만들어 줍니다. 글쓴이는 실제로 이 방법으로 화면을 만들어 보았습니다.
핵심 사실 정리
- 설정 이름은 chat.canvases.enabled이며, 기본값은 꺼짐(OFF)입니다.
- 설정을 바꾸면 새로 만든 세션부터 적용되고, 이미 열린 채팅에는 적용되지 않습니다.
- 현재는 데스크톱 버전, Copilot 하네스, 로컬 세션에서만 동작합니다.
- Claude, Codex, 웹 환경에서는 아직 쓸 수 없습니다.
- Preview 기능이라 앞으로 사양이 바뀔 수 있습니다.
Canvas는 어떻게 만들어지나요?
Canvas는 '캔버스 확장 기능'이 보여 줍니다. 이것은 VS Code 마켓플레이스의 일반 확장 기능과는 다른 것입니다. 프로젝트 폴더나 개인 폴더에 두고, 화면의 모양과 에이전트가 쓸 수 있는 동작(예: 목록 읽기, 카드 추가, 카드 이동)을 정의합니다. 사람이 화면에서 버튼이나 카드를 누르면 상태가 바뀌고, 에이전트도 같은 상태를 읽거나 바꿀 수 있습니다.
왜 중요한가요?
채팅만으로 일을 시키면 '3번째 작업을 완료로 바꿔 줘'처럼 계속 말로 지시해야 하고, 진행 상황이 대화 기록에 묻힙니다. Canvases는 작업판을 따로 두어 사람과 에이전트가 같은 화면에서 직접 고칠 수 있게 합니다. 예를 들어 칸반 보드에서 카드를 끌어서 옮기고, 에이전트는 작업을 나누고 상태를 갱신할 수 있습니다. 한쪽만 결과를 보는 것이 아니라 양쪽이 함께 다루는 점이 특징입니다.
앞으로 지켜볼 점
- Claude, Codex, 웹 환경에서도 지원되는지
- Preview가 정식 기능이 될 때 사양이 어떻게 바뀌는지
- 이미 만들어진 Canvas 확장 기능이 얼마나 늘어나는지
- WSL 같은 환경에서 탭으로 열리지 않는 문제가 해결되는지
용어 풀이
- Canvases
- 채팅 옆에서 사람과 AI 에이전트가 같은 결과물을 함께 보고 고칠 수 있는 화면 기능입니다.
- VS Code
- 마이크로소프트가 만든 무료 코드 편집기입니다.
- Canvas 확장 기능
- Canvas의 화면 모양과 에이전트가 쓸 동작을 정의하는 확장 기능입니다.
- /create-canvas
- 채팅창에 입력하면 원하는 Canvas 화면을 에이전트가 만들어 주는 명령어입니다.
- Preview
- 정식 출시 전에 일부 사용자에게 먼저 공개하는 시험 단계의 기능입니다.