개발자의 필수 도구인 **VS Code(Visual Studio Code)**를 진정한 'AI 코딩 머신'으로 업그레이드하는 방법을 공유하려고 합니다.
단순한 자동 완성을 넘어, GitHub Copilot으로 코드를 실시간 작성하고, 최근 핫한 Claude Code를 터미널에 연동하여 복잡한 리팩토링과 로직 설계를 맡기는 "듀얼 AI 세팅" 가이드입니다.
이 글을 따라 하시면 10분 만에 세팅을 끝낼 수 있습니다. 바로 시작해 볼까요? 👇
준비물 (Prerequisites)
시작하기 전에 아래 계정과 도구가 준비되어 있어야 합니다.
- VS Code: 최신 버전 설치
- GitHub 계정: Copilot 구독 활성화 (개인 또는 Business)
- Anthropic 계정: Claude 사용을 위한 계정 (Claude Code 사용 시 필요)
- Node.js: Claude Code(CLI) 설치를 위해 필요 (v18 이상 권장)
PART 1. 코딩의 속도를 높이다: GitHub Copilot 연동
가장 먼저, 실시간 코드 제안을 담당할 Copilot을 설치합니다.
1. 확장 프로그램 설치
- VS Code를 실행하고 좌측 Extensions(확장) 아이콘(블럭 모양)을 클릭합니다.
- 검색창에 GitHub Copilot을 입력합니다.
- GitHub Copilot (GitHub 제공)을 찾아 Install 버튼을 클릭합니다.
- 팁: 채팅 기능까지 쓰려면 GitHub Copilot Chat도 함께 설치하세요!
2. 계정 로그인
설치가 완료되면 우측 하단에 알림창이 뜨거나, 상태 표시줄에 Copilot 아이콘이 생깁니다.
- "Sign in to GitHub" 메시지가 뜨면 클릭합니다.
- 브라우저가 열리면 GitHub 계정으로 로그인하고 권한을 승인(Authorize)합니다.
- VS Code로 돌아오면 연동 완료!
참고로 GitHub Copilot은 로그인 후에 30일간 무료 사용기간이 주어집니다. 이 기간이 지나면 유료로 전환되므로 유료로 전환되기전에 구독을 취소해야 합니다. 지불 의사가 있으면 매월 자동 결제되므로 그 대로 이용하면 됩니다.
3. 정상 작동 확인
이제 예시로 TradingController.java 파일이 있다고 가정하고 이 파일을 열고 주석이나 코드를 작성합니다. Tab을 클릭하면 회색 텍스트로 코드가 자동 추천되고 Esc를 클릭하면 추천 코드가 취소된다면 된다면 성공입니다!
- Tab: 추천 코드 수락
- Esc: 추천 거절
PART 2. 코딩의 두뇌를 달다: Claude Code 연결
GitHub Copilot이 '자동 완성'의 최강자라면, Claude Code는 터미널에서 직접 명령을 수행하고 파일을 수정해 주는 '에이전트'입니다. Claude Code 설치 방법은 Claude Code Docs를 준용하여 터미널을 통해 설치후 VSCode와 연동하겠습니다.
1. Claude Code 설치 (터미널)
설치 환경은 MacOS로 우선 터미널을 열고 아래 명령어를 통해 claude를 설치합니다.
curl -fsSL https://claude.ai/install.sh | bash
2. 인증 및 연결
설치가 끝나면 아래 명령어로 로그인을 진행합니다.
claude login
1. 최초로 claude 실행하면 아래와 같이 테마 선택을 하게 됩니다.
2. 명령어를 입력하면 브라우저가 열리고 Anthropic 로그인 창이 뜹니다. claude code는 유료입니다. 그래서 다음과 같이 유료 플랜 결제가 완료되어야 로그인에 성공할 수 있습니다.
로그인 후 권한을 승인하면 인증 토큰이 복사되거나 자동으로 터미널에 연결됩니다. 터미널에 "Login successful!" 메시지가 뜨면 준비 완료입니다.
3. VS Code 에서 사용하기
이제 VS Code에서 claude code 사용을 위해서는 extension 설치가 필요합니다. extension 에서 claude code for VS code를 선택 후 설치를 합니다.
정리: 두 도구의 완벽한 조화
이제 VS Code에 GitHub Copilot과 Claude code를 연동하여 개발을 위한 두 명의 천재 조수를 고용하게 되었습니다.
| 도구 | 역할 | 사용 시점 |
| GitHub Copilot | 실시간 코딩 파트너 | 코드 자동완성을 통한 빠른 개발 빌드, Git commit & push 처리 |
| Claude Code | 문제 해결 | 복잡한 리팩토링, 버그 수정, 파일 생성 명령 Agent와 연동하여 자동화 처리에 더 적합 |