이번 포스트의 핵심 요약
- AntiGravity는 빠르게 MVP를 만들고 싶은 경우, UI 중심으로 자동 개발을 진행하기에 적합.
- Cursor는 실제 개발 실무에 최적화되어 코드 리팩토링, 버그 수정, 구조 개선 등 실전 코딩에 강력한 지원을 제공.
- Claude Code는 자연어 이해 기반으로 코드 설명, 설계, API 문서화 등 기획·아키텍처 단계에서 높은 생산성을 발휘.
AntiGravity, Cursor, Claude Code 비교
| 항목 | AntiGravity | Cursor | Claude Code |
|---|---|---|---|
| 기본 개념 | 코딩 없이 Web UI 중심 자동개발 | 코드 중심의 AI Pair Programmer | 자연어 → 코드 생성 특화 |
| 코드 이해 능력 | 중간 | 매우 우수 | 매우 우수 |
| 리팩토링 능력 | 약함 | 강력 | 강력 |
| 상세 코드 수정 | 제한적 | 매우 우수 | 우수 |
| 파일 단위 제어 | 가능 | 매우 우수 | 아주 강력 |
| 프로젝트 전체 이해 | 중간 | 강력 | 매우 강력 |
| UI 기반 개발 | 매우 강함 | 약함 | 중간 |
| 자연어 대화 UX | 강함 | 중간 | 최강 |
| 모델 선택 | 자체 모델 또는 OpenAI 기반 | GPT / Claude / 기타 LLM 선택 | Claude 고정 |
| 멀티모달 지원 | 제한적 | 일부 | 최강 (Claude Sonnet) |
| 디버깅 지원 | 중간 | 매우 좋음 | 좋음 |
| 코드 자동 생성 | 좋음 | 매우 좋음 | 매우 좋음 |
| 커밋/버전관리 | 약함 | 우수 | 보통 |
| 실제 개발자에게의 효율 | 입문자에게 적합 | 중·상급 개발자 최적 | 기획형/설계형 개발자에게 최적 |
| 가격 | 비교적 저렴 | 유료(대체로 부담) | 저렴하며 무료 사용 가능 |
| 사용 난이도 | 매우 낮음 | 중간 | 낮음 |
🧠 도구별 장단점
✔ AntiGravity
- 장점
- 코딩 실력 없어도 UI 기반 개발 가능
- 초보자 / 비개발자에게 매우 친화적
- 빠르게 MVP, 프로토타입 제작 가능
- 단점
- 코드 제어력이 약함
- 커스텀화 난도가 높음
- 복잡한 개발에는 한계
✔ Cursor
- 장점
- 실전코드 기반 강력한 어시스트
- 리팩토링, 오류 수정, 코드 리뷰 기능 우수
- 프로젝트 전체 구조 파악 능력 우수
- Git 기반 관리 최적화
- 단점
- 코딩 역량이 일정 수준 필요
- 가격 부담 (사용량 기반)
- 입문자에게는 약간 장벽
✔ Claude Code
- 장점
- 자연어 이해력 최강
- 코드 설명·문서 작성·테스트 설계 능력 뛰어남
- 기획/설계 단계에서 매우 강력
- 논리적 reasoning 기반 코드 생성 능력 우수
- 중간 파일 전체 맥락 이해 잘함
- 단점
- UI 개발 자동화는 상대적으로 약함
- 코드 실행기 내장 기능 부족
- 스니펫 기반 수정은 좋은데 실제 코드 통합은 추가 작업 필요
🔥 추천 사용 시나리오
| 상황 | 추천 도구 |
|---|---|
| 내가 코딩을 잘 모른다 | AntiGravity |
| 나는 실전 개발자다 | Cursor |
| 나는 코드 기획/설명/설계/문서화가 많다 | Claude Code |
| 웹앱을 빠르게 만들어 MVP 테스트 | AntiGravity |
| 리팩토링 + 오류 해결 중심 | Cursor |
| 복잡한 알고리즘 구현 설계 | Claude Code |
| 코드 리뷰 + 피드백 + 품질 개선 | Cursor |
| PRD / 기술 문서 / API 명세 자동 작성 | Claude Code |
AntiGravity
‘바이브코딩 입문자를 위한 오늘의 명언을 출력하는 웹앱’
1. Planning 모드로 빌드 계획 후 빌드 시작
2. 빌드 계획 후 작업 순서를 정의한 Task 문서 생성, 빌드 후엔 빌드 과정을 정리한 Walkthrough 문서 생성
3. 신속, 경쾌한 느낌으로 1차 빌드 성공
4. 깃허브 리포지토리에 배포
Pages | Vibe Quotes
https://junsang-dong.github.io/vibe-1202-antigravity-first/
Codes | Vibe Quotes (made with Antigravity)
https://github.com/junsang-dong/vibe-1202-antigravity-first
Claude Code
‘React + Vite + Tailwind CSS로 간단한 계산기 웹앱 빌드’
요구사항:
- 기본 사칙연산(+, -, ×, ÷) 지원
- 숫자 패드 UI (0-9, AC, =)
- 현대적이고 깔끔한 디자인 (다크모드 스타일)
- 반응형 레이아웃
- 계산 결과 디스플레이
기술 스택:
- React 18 + Vite
- Tailwind CSS
- 프로젝트 구조: src/App.jsx, src/index.css
Claude Code 빌드 과정과 1차 디버깅 후 결과
포스트 작성중입니다. / 첫 포스팅: 25.12.02 / 포스트 문의: JUN (naebon@naver.com)
