✏️에디터 비교
VS Code, Cursor, Antigravity
주요 코드 에디터의 특징과 AI 코딩 도구와의 조합 방법을 비교합니다.
Chapter 15: 에디터 비교 — VS Code, Cursor, Antigravity
지금까지 터미널에서 CLI 도구(Claude Code, Codex, Gemini CLI)를 사용하는 방법을 배웠습니다. 하지만 실제 개발에서는 **코드 에디터(IDE)**를 함께 사용하는 것이 훨씬 효율적입니다. 이 장에서는 바이브 코딩에 적합한 세 가지 에디터를 비교합니다.
CLI 도구가 악기 자체라면, 에디터는 **작업 공간(스튜디오/DAW)**입니다. 기타를 맨손으로 연주할 수도 있지만, Ableton Live 같은 DAW에서 녹음하고 편집하면 훨씬 효율적이죠. 마찬가지로, CLI로 직접 코딩해도 되지만, 에디터에서 코드를 보면서 AI와 협업하면 생산성이 훨씬 높습니다.
- VS Code = Ableton Live — 범용적이고, 플러그인이 풍부하고, 업계 표준
- Cursor = Logic Pro — 특정 목적(AI 코딩)에 최적화된 전문 도구
- Antigravity = GarageBand — 초보자도 바로 사용할 수 있는 직관적 인터페이스
15.1 VS Code — 업계 표준 에디터
**Visual Studio Code(VS Code)**는 Microsoft가 만든 무료 코드 에디터입니다. 전 세계 개발자의 약 70%가 사용하는 사실상의 표준 에디터입니다.
설치
VS Code 다운로드 및 설치
터미널에서 열기 설정
설치 후 VS Code를 열고, Cmd+Shift+P (macOS) 또는 Ctrl+Shift+P (Windows/Linux)를 눌러:
- "Shell Command: Install 'code' command in PATH" 실행
- 이제 터미널에서
code .으로 현재 폴더를 VS Code에서 열 수 있습니다.
바이브 코딩에 유용한 확장(Extensions)
VS Code의 핵심 강점은 확장 마켓플레이스입니다. AI 코딩에 유용한 확장들을 소개합니다.
주요 AI 확장 설명
| 확장 | 설명 | 가격 | |------|------|------| | GitHub Copilot | 코드 자동완성, 인라인 제안 | $10/월 (학생 무료) | | Continue | 오픈소스 AI 코딩 보조, 다양한 모델 지원 | 무료 | | Cline (Claude Dev) | Claude를 VS Code 내에서 에이전트로 사용 | 무료 (API 키 필요) |
VS Code 확장은 Ableton의 Max for Live 디바이스와 같습니다. 기본 Ableton만으로도 충분하지만, Max for Live를 추가하면 커스텀 신시사이저, 시퀀서, 이펙터를 사용할 수 있듯이, VS Code에 확장을 추가하면 AI 자동완성, 코드 분석, 실시간 협업 등 다양한 기능을 사용할 수 있습니다.
CLI 도구와 연동 방법
VS Code와 CLI AI 도구를 함께 사용하는 워크플로우입니다:
화면 분할 워크플로우
VS Code에서 터미널을 열고(Ctrl+`), 코드 에디터와 AI CLI를 나란히 사용합니다:
Claude Code VS Code 확장
Claude Code는 전용 VS Code 확장도 있습니다:
이 확장을 설치하면 VS Code 사이드바에서 바로 Claude Code를 사용할 수 있습니다. 터미널을 별도로 열 필요 없이, 에디터 내에서 AI와 대화하면서 코딩할 수 있습니다.
VS Code 장단점
- 무료이며 오픈소스 기반
- 확장 마켓플레이스가 방대함 (50,000개 이상)
- 모든 프로그래밍 언어 지원
- Git 통합이 우수함
- CLI 도구(Claude Code, Codex)와 연동이 자연스러움
- 커뮤니티가 가장 크므로 문제 해결이 쉬움
- 학생에게 GitHub Copilot 무료 제공
- AI 기능이 내장이 아닌 확장으로 제공 (설정 필요)
- 확장을 많이 설치하면 무거워질 수 있음
- 초기 설정에 시간이 걸림
- 비개발자에게는 인터페이스가 복잡할 수 있음
15.2 Cursor — AI 네이티브 에디터
Cursor는 VS Code를 기반으로 AI 기능을 네이티브로 통합한 에디터입니다. "AI와 함께 코딩하는 것"을 핵심 경험으로 설계되었습니다.
설치
핵심 기능 3가지
Cursor Tab — AI 자동완성
코드를 타이핑하면 AI가 다음에 올 코드를 예측하여 보여줍니다. Tab을 누르면 자동으로 입력됩니다.
Cursor Tab은 자동 반주 기능과 같습니다. 멜로디를 연주하기 시작하면, AI가 어울리는 코드 반주를 자동으로 제안합니다. 마음에 들면 Tab으로 수락, 마음에 안 들면 계속 타이핑하면 됩니다.
Cursor Chat — AI 대화 (Cmd+L)
에디터 옆에 채팅 패널을 열어 AI와 대화합니다. 현재 열린 파일, 선택한 코드를 맥락으로 자동 포함합니다.
Cursor Composer — 멀티파일 AI 편집 (Cmd+I)
Composer는 Cursor의 가장 강력한 기능입니다. 여러 파일을 동시에 생성/수정할 수 있습니다.
Composer는 DAW의 멀티트랙 편집 기능과 같습니다. 드럼, 베이스, 피아노 트랙을 동시에 편집하듯이, 여러 코드 파일을 한 번에 생성하고 수정할 수 있습니다. 각 트랙(파일)이 서로 맞물리도록 AI가 조율합니다.
Cursor 장단점
- AI가 에디터에 네이티브로 통합 — 설정이 거의 불필요
- Tab 자동완성이 매우 자연스럽고 정확함
- Composer로 멀티파일 작업이 편리함
- VS Code 확장 대부분 호환 (VS Code 기반)
.cursorrules파일로 프로젝트별 AI 동작 커스텀 가능
- 유료 — Pro $20/월 (무료 티어는 제한적)
- VS Code와 별도 설치 (동시 사용 시 혼동 가능)
- 독자적 기능이 VS Code 업데이트에 뒤처질 수 있음
- AI 요청 사용량 제한 있음 (Pro: 500회/월 빠른 요청)
- CLI 도구(Claude Code 등)와 역할이 일부 겹침
Cursor + CLI 도구 함께 사용하기
Cursor의 AI 기능과 CLI 도구는 경쟁이 아니라 보완 관계입니다:
15.3 Antigravity — 바이브 코딩 특화 에디터
Antigravity는 비개발자를 위해 설계된 새로운 형태의 에디터입니다. 코드를 직접 편집하기보다 자연어로 AI에게 지시하여 앱을 만드는 데 초점을 맞춥니다.
특징과 차별점
시각적 UI 중심
Antigravity는 코드 에디터보다 디자인 도구에 가까운 인터페이스를 가집니다. 앱의 화면 구성을 시각적으로 확인하면서 AI에게 변경을 요청합니다.
비전공자 친화적 인터페이스
코드를 몰라도 앱을 만들 수 있도록 설계되었습니다. 복잡한 설정이나 터미널 명령 없이, 대화만으로 프로젝트를 진행할 수 있습니다.
원클릭 배포
만든 앱을 별도의 서버 설정 없이 바로 웹에 배포할 수 있습니다. GitHub, Vercel 같은 외부 서비스를 직접 설정할 필요가 없습니다.
Antigravity는 GarageBand와 같습니다. Ableton이나 Logic의 전문적인 기능은 없지만, 음악을 처음 만드는 사람도 루프를 드래그앤드롭하고, 프리셋을 선택하고, 간단한 조작으로 곡을 완성할 수 있습니다. "코드를 쓰는 것"이 아니라 "앱을 만드는 것"에 집중할 수 있게 해줍니다.
Antigravity 장단점
- 코드를 전혀 몰라도 시작 가능
- 시각적 프리뷰가 직관적
- 배포가 매우 간단
- 바이브 코딩 철학에 가장 부합하는 도구
- 학습 곡선이 매우 낮음
- 아직 초기 단계 — 기능이 제한적
- 복잡한 프로젝트에는 한계 (MediaPipe + OSC 연동 같은 고급 작업)
- 코드 수준의 세밀한 제어가 어려움
- 커뮤니티와 문서가 아직 부족
- VS Code 확장 생태계를 사용할 수 없음
- 유료 (정확한 가격은 변동 중)
15.4 에디터 종합 비교표
15.5 에디터 = DAW — 선택 가이드
에디터 선택은 DAW 선택과 정확히 같은 과정입니다:
| 음악 | 코딩 | |------|------| | "나는 전자음악 라이브를 해" → Ableton | "나는 CLI도 쓰고 확장도 많이 쓸 거야" → VS Code | | "나는 작곡에 집중하고 싶어" → Logic Pro | "나는 AI가 최대한 많이 도와줬으면 해" → Cursor | | "나는 음악을 처음 만들어봐" → GarageBand | "나는 코드를 전혀 몰라" → Antigravity |
그리고 프로 뮤지션들이 상황에 따라 여러 DAW를 사용하듯, 에디터도 하나만 고집할 필요 없습니다. VS Code로 기본 작업하다가 복잡한 AI 작업은 Cursor에서, 빠른 프로토타입은 Antigravity에서 — 이런 조합도 가능합니다.
상황별 추천
"코딩 완전 처음이에요"
코딩이 처음이라면 Cursor로 시작하세요. AI 자동완성이 네이티브로 동작하므로 별도 설정 없이 바로 AI 보조를 받을 수 있습니다. 코드를 아예 보고 싶지 않다면 Antigravity가 더 편할 수 있지만, 이 커리큘럼에서 배우는 수준의 프로젝트에는 Cursor가 더 적합합니다.
"MediaPipe + Ableton 프로젝트를 만들 거예요"
MediaPipe 프로젝트처럼 웹캠, OSC, 서버 등 복잡한 요소가 얽히는 프로젝트에는 VS Code의 터미널에서 Claude Code를 실행하는 조합이 가장 강력합니다. 코드 에디터로 파일을 보면서, 터미널에서 AI에게 대규모 작업을 지시하는 하이브리드 워크플로우입니다.
"무료로 최대한 활용하고 싶어요"
VS Code는 무료이고, GitHub Education Pack에 가입하면 Copilot도 무료입니다. 독일 대학교 이메일(.de 도메인)로 가입하면 자동 승인되는 경우가 많습니다. 무료 조합으로도 충분히 강력한 AI 코딩 환경을 구축할 수 있습니다.
15.6 실전 워크플로우 — 에디터 + CLI 조합
가장 효과적인 워크플로우를 구체적으로 안내합니다.
프로젝트 시작 — Claude Code로 뼈대 생성
세부 코딩 — VS Code/Cursor에서 작업
디버깅 — Claude Code에서 분석
테스트 — Playwright MCP로 자동 테스트
에디터는 코드를 보면서 세밀하게 작업할 때, CLI 도구는 큰 그림을 그리고 대규모 작업을 지시할 때 사용합니다. 둘 다 동시에 사용하는 것이 가장 효율적입니다. 마치 작곡할 때 피아노로 멜로디를 잡고(에디터), DAW에서 전체 편곡과 믹싱을 하는(CLI) 것처럼요.
15.7 자주 묻는 질문
"VS Code랑 Cursor 둘 다 설치해도 되나요?"
네, 충돌 없이 동시에 사용할 수 있습니다. 다만 VS Code 확장 설정이 Cursor에 자동으로 동기화되지는 않으므로 따로 설정해야 합니다.
"Cursor가 유료인데 VS Code + Copilot이랑 뭐가 달라요?"
가장 큰 차이는 Composer 기능입니다. Copilot은 현재 파일의 자동완성에 강하지만, Cursor Composer는 여러 파일을 동시에 생성/수정할 수 있습니다. 바이브 코딩에서는 Composer가 매우 유용합니다.
"Antigravity만으로 MediaPipe 프로젝트를 만들 수 있나요?"
현재로서는 어렵습니다. MediaPipe + OSC + WebSocket 같은 복잡한 통합 작업에는 코드 레벨의 세밀한 제어가 필요합니다. Antigravity는 간단한 웹앱이나 프로토타입에 더 적합합니다.
"독일에서 학생 할인 받을 수 있나요?"
GitHub Education Pack은 대학교 이메일로 가입하면 됩니다. 독일 대학교 이메일(.uni-xxx.de 등)이 있으면 자동 승인되는 경우가 많습니다. 여기에 Copilot 무료, GitHub Pro, 다양한 개발 도구 혜택이 포함됩니다.