VS Code 1.129 에이전트 창 새 에디터 패널: AI 에이전트 코드 변경을 편집기처럼 검토하기

핵심 메시지

• VS Code 1.129는 '에이전트 창'의 상세 영역에 있던 에디터를 공유 탭 바를 갖춘 하나의 도킹 패널로 통합했다.
• 이제 AI 에이전트가 변경한 파일을 메인 편집기와 동일한 탭·차이(diff)·단축키로 검토할 수 있다.
• 이 기능은 실험적이라 기본은 꺼져 있으며, 설정에서 'sessions.layout'의 단일 패널 옵션을 켜야 한다.
• 해당 설정은 시작 시 한 번만 읽히므로, 켠 뒤에는 'Developer: Reload Window'로 창을 새로고침해야 적용된다.
• 대화·변경 파일 검토·통합 브라우저 미리보기·반복 수정을 모두 에이전트 창 안에서 처리해 창 전환을 없앴다.

쉽게 이해하기

이 영상은 VS Code 1.129에서 재설계된 '에이전트 창'의 에디터 패널을 소개한다. 기존에도 한쪽에는 에이전트와의 대화가, 다른 쪽에는 에이전트가 만든 파일과 변경을 보여주는 상세 영역이 있었다. 이 구성 자체는 새롭지 않지만, 1.129에서는 상세 영역의 에디터가 공유 탭 바를 갖춘 하나의 도킹 패널로 합쳐졌다.

그 결과 변경 검토 경험이 메인 편집기와 사실상 같아졌다. 같은 탭, 같은 diff, 같은 키보드 단축키를 그대로 쓴다. 별도 패널 사이를 오가며 맥락을 전환할 필요가 줄었다는 것이 핵심이다.

활성화는 옵트인 방식이다. 아직 실험적 기능이라 설정에서 'sessions.layout'을 검색해 단일 패널 상세 옵션을 체크해야 한다. 다만 이 설정은 시작 시 한 번만 읽히기 때문에, 명령 팔레트(Ctrl+Shift+P)에서 'Developer: Reload Window'로 창을 새로고침해야 통합 탭 바가 나타난다.

데모에서는 새 세션을 열어 네 번째 '노을(sunset)' 색 테마를 추가해 달라는 프롬프트를 붙여 넣는다. 비용을 아끼기 위해 필요한 파일만 컨텍스트로 추가하고 모든 도구 호출을 허용한 뒤 요청을 보낸다. 에이전트가 작업하는 동안 변경 파일이 실시간으로 들어오고, 각 파일을 클릭하면 에디터에서 바로 diff를 확인할 수 있다.

상단의 'files'로 변경된 파일 전체를 훑어보고, 새 탭을 열어 파일을 나란히 비교하며, 통합 브라우저로 결과를 미리 볼 수 있다. 첫 결과에서 아이콘이 동작하지 않자 발표자는 에이전트와 즉석에서 반복 수정해 문제를 해결한다. 요점은 결과 테스트와 반복을 모두 에이전트 창 안에서 끝내, 변경된 여러 파일을 보려고 별도 창이나 페이지를 오갈 필요가 없다는 점이다.

주요 인사이트

• AI 에이전트 워크플로의 마찰은 코드 생성보다 '변경 검토'에서 커지는데, 익숙한 편집기 UX를 그대로 가져와 검토 부담을 낮췄다.
• 필요한 파일만 컨텍스트로 넣고 도구 호출을 허용하는 방식은 토큰 비용을 아끼려는 실무적 선택으로 소개된다.
• 설정이 시작 시 한 번만 반영되는 점은 '켰는데 바로 안 바뀐다'는 흔한 혼동 지점이라, 창 새로고침이 필요하다.
• 통합 브라우저까지 창 안에 두어 코드 변경→미리보기→반복이 한 화면에서 끝나는 폐루프를 지향한다.

자주 묻는 질문

관련 AI 소식