[Claude] VS Code에서 Claude Code 활용하는 방법

지난 글에서는 "Claude Code 2.0 설치 방법"에 대해 살펴봤습니다. Claude Code의 경우 막상 설치는 했었지만, CLI 기반이라 사용 방법이 직관적이지 않고 비개발자로서 조금의 장벽이 느껴져 Google Antigravity를 중심으로 활용하고 있었습니다. 그러던 중 팀원이 Claude Code를 VS Code에 연동해서 활용하는 것을 보게 되었고, VS Code 사용은 익숙했었기에 바로 적용해 봤습니다.

 

1. VS Code에서 Claude Code 연동하는 법

우선 VS Code에 Claude Code를 연동해 보겠습니다. 아주 간단합니다. 좌측 탭 중 Extensions를 선택하고 Claude Code를 검색합니다. 여러 Extension 중 'Claude Code for VS Code'를 선택해 설치를 진행합니다.

 

설치가 완료되면 우측 상단에 Claude 로고가 추가된 것을 확인할 수 있습니다. Claude 로고를 클릭하면 로그인 화면이 나타나고 본인의 Claude 계정을 연결하면 연동은 완료된 것입니다.

 

2. VS Code 내 Claude Code 활용 예시

연동이 완료되었으면 우측처럼 Claude Code 채팅 창이 나타납니다. 채팅에 Claude Code의 기본 명령어인 '/model'을 입력하면 현재 사용 중인 Claude의 모델이 표시되고 변경도 가능합니다.

 

Claude Code 명령어 외에도 아래 예시처럼 일반적인 자연어로도 Claude에게 요청을 날릴 수 있습니다. 저의 경우, 현재 토큰 사용량이 많다고 판단하고, 토큰 사용을 효율화하기 위해 우선 Claude.md 파일에서 불필요한 내용들은 제거해 달라고 요청했습니다. 그럼 Claude가 현재 열린 디렉토리 내에서 Claude.md 파일을 탐색하고 내용을 파악해 불필요한 내용들은 알아서 제거해 줍니다. 원래 149줄이었던 파일을 46줄로 줄여주었네요.

 

Claude Code 사용 후기를 간단히 남겨보자면, Google Antigravity의 경우 코드 생성 및 수정 요청을 제대로 수행하지 못해 1~2번 오류를 해결해달라는 재질문을 하는 경우가 많았으나, Claude Code는 생성한 결과물에 대해 오류도 거의 없었고 퀄리티도 Antigravity과 비교해 상당히 뛰어나다고 느꼈습니다. 최근 Codex가 등장하며 판도가 또 달라지고는 있지만, 우선은 UI 디자인은 Antigravity를 그 외에 코드 작업은 Claude Code를 사용하지 않을까 싶습니다.

 

 

📌 Claude Code 관련 글 모음

• Claude Code 2.0 설치 방법 (mac)
• Claude Code 2.0 설치 방법 (Windows)
• Claude Code 토큰 사용 관리 팁 정리
• Claude Code에서 Subagent 생성 및 활용하는 방법
• Claude Code 자주 사용하는 명령어 정리
• Claude Code에서 Skills 활용하는 방법

 

<참고>

1. https://dslyh01.tistory.com/69

[Claude] Claude Code 2.0 설치 방법 (Windows)