VS Code의 Claude Code 확장 기능

Claude Code는 기본적으로 CLI 도구예요 : 터미널에서 실행되고 프로젝트 파일에 접근하는 에이전트. 하지만 Anthropic은 VS Code 확장 기능도 제공해서 에디터 사이드바에서 바로 Claude Code를 사용할 수 있어요. 파일에서 벗어나지 않고 에이전트를 실행하고, 열려 있는 프로젝트에 접근할 수 있어요.

확장 기능 설치하기

VS Code를 열고 Extensions(사이드바의 사각형 아이콘, 또는 Ctrl+Shift+X)로 이동해요. Claude Code를 검색하고 Anthropic 공식 확장 기능을 설치해요.

확장 기능은 머신에 Claude Code CLI가 미리 설치되어 있어야 해요. 아직 설치하지 않았다면 먼저 Claude Code 설치하기 레슨을 따라가세요.

VS Code에서 Claude Code 실행하기

확장 기능 설치 후 왼쪽 사이드바에 Claude 아이콘이 보여요. 클릭하면 채팅 인터페이스 패널이 열려요.

확장 기능에서 첫 번째 프롬프트를 입력해봐요. Claude Code는 워크스페이스(열린 프로젝트의 파일들)를 볼 수 있고, 파일을 읽고, 편집하고, 터미널 명령어를 실행하고, 변경사항을 적용하기 전에 diff를 보여줄 수 있어요.

CLI만 사용할 때보다 나아지는 점

• 나란히 diff 보기 : Claude가 변경사항을 제안하면 터미널이 아닌 에디터에서 diff를 보여줘요.
• 대화에서 파일을 클릭해서 열기 : Claude가 lib/content.ts:124를 언급하면 클릭하면 해당 줄로 바로 가요.
• 코딩하면서 Claude 계속 보기 : 터미널로 alt-tab하지 않아도 돼요.
• 스크린샷 공유 : 대화에 이미지를 끌어다 놓을 수 있어요. 수정할 UI를 보여줄 때 유용해요.

Antigravity를 대안으로

VS Code 대신 Antigravity를 사용한다면 에이전트가 이미 네이티브로 통합되어 있어요. 확장 기능을 설치할 필요 없어요 : 설치 즉시 사이드바에 Claude(그리고 에이전트 변형들)가 있어요. 이전 레슨 VS Code냐 Antigravity냐에서 차이를 자세히 설명해요.