AntiGravity란 무엇인가 – 바이브 코딩의 새로운 패러다임
프로그래밍을 배우지 않아도 실제로 동작하는 앱을 만들 수 있다면 어떨까요? 그것도 단 몇 분 안에. 이 질문에 대한 답이 바로 AntiGravity입니다.
AntiGravity는 자연어(우리말 또는 영어)로 원하는 기능을 설명하면 AI가 코드를 생성하고, 즉시 실행 가능한 웹 앱으로 변환해 주는 바이브 코딩 플랫폼입니다. 2025년을 기점으로 국내 비전공자 사이에서도 빠르게 확산되고 있으며, 특히 교육·기획·마케팅 직군에서 활발하게 활용되고 있습니다.
전통적인 개발 방식에서는 아이디어를 앱으로 만들기까지 평균 3개월~1년의 개발 기간과 수백만 원의 외주 비용이 필요했습니다. AntiGravity를 포함한 바이브 코딩 도구들은 이 장벽을 수십 분, 무료~소액으로 낮춰줍니다.
바이브 코딩 3대 도구 비교
| 도구 | 특징 | 추천 대상 |
|---|---|---|
| AntiGravity | 자연어 입력 즉시 앱 생성, 원클릭 배포 | 완전 비전공자, 기획자 |
| Claude Code | 터미널 기반 AI 코딩 어시스턴트, 복잡한 프로젝트 | 개발 경험 조금 있는 분 |
| Cursor | VS Code 기반, 코드 편집기 내 AI 통합 | 개발자, 중급 이상 |
미래이음연구소 바이브 코딩 교육
이신우 소장이 이끄는 미래이음연구소에서 Claude Code, AntiGravity 등 최신 바이브 코딩 도구 실전 강의를 진행합니다.
강의 문의: 010-3343-4000 | lab.duonedu.net
설치와 환경 설정 – 5분 만에 준비 끝내기
AntiGravity 사용을 위해 복잡한 개발 환경 설정은 필요 없습니다. 아래 순서대로 따라오세요. 소요 시간은 약 5분입니다.
1단계: Node.js 설치 확인
AntiGravity CLI를 사용하려면 Node.js 18 버전 이상이 필요합니다. 터미널(Mac: 터미널.app / Windows: PowerShell)을 열고 다음을 입력하세요.
node -v버전이 표시되면 이미 설치된 것입니다. v18.0.0 이상이면 바로 다음 단계로 넘어가세요. 설치가 안 되어 있다면 nodejs.org에서 LTS 버전을 내려받아 설치합니다.
2단계: AntiGravity CLI 전역 설치
npm install -g @antigravity/cli설치가 완료되면 버전을 확인해 봅니다.
ag --version
# 예시 출력: @antigravity/cli v1.4.23단계: 계정 연결
ag login명령 실행 시 브라우저가 자동으로 열리며 GitHub 또는 Google 계정으로 로그인할 수 있습니다. 로그인이 완료되면 터미널에 Logged in as [이메일] 메시지가 표시됩니다.
4단계: 작업 폴더 생성
mkdir my-first-app
cd my-first-app이제 AntiGravity로 앱을 만들 준비가 끝났습니다. 총 소요 시간은 인터넷 속도에 따라 3~7분 정도입니다.
첫 번째 AI 앱 만들기 – 명령어 한 줄로 시작하는 실전
이번 실습에서는 “오늘의 할 일 목록(To-Do List)” 웹 앱을 만들어 보겠습니다. 코드는 한 줄도 직접 작성하지 않습니다.
프로젝트 초기화
ag init todo-app실행하면 다음과 같은 프롬프트가 나타납니다.
? 앱을 어떻게 설명하시겠어요?
> 할 일을 추가하고 완료 체크할 수 있는 웹 앱.
항목별로 우선순위(높음/중간/낮음)를 표시하고,
완료된 항목은 취소선으로 표시해줘.자연어로 원하는 기능을 설명하면 AI가 약 20~40초 내에 전체 앱 코드를 생성합니다.
생성 결과 확인
생성 완료 후 폴더 구조를 확인해 봅니다.
ls -la todo-app/
# 출력 예시:
# drwxr-xr-x index.html
# drwxr-xr-x style.css
# drwxr-xr-x app.js
# drwxr-xr-x package.json로컬 미리보기 실행
cd todo-app
ag dev브라우저에 http://localhost:3000이 자동으로 열리며 완성된 앱을 확인할 수 있습니다. 실제로 할 일을 추가하고 체크해 보세요. 새로고침해도 데이터가 유지됩니다(로컬 스토리지 활용).
기능 추가 요청하기
마음에 들지 않는 부분이 있다면 자연어로 수정을 요청합니다.
ag edit
> 다크 모드 토글 버튼을 오른쪽 위에 추가해줘.
배경색은 #1a1a2e, 텍스트는 흰색으로.약 10~20초 후 변경사항이 자동 반영됩니다. 별도의 파일 편집 없이 대화하듯 앱을 개선할 수 있습니다.
배포까지 한 번에 – 인터넷에 공개하는 방법
로컬에서 잘 동작하는 것을 확인했다면, 이제 실제 인터넷에 공개해 봅시다. AntiGravity는 자체 CDN을 통해 무료로 배포 도메인을 제공합니다.
배포 명령어
ag deploy배포가 완료되면 아래와 같은 메시지가 출력됩니다.
Deploying to AntiGravity CDN...
Build completed in 8.3s
App live at: https://todo-app-abc123.antigravity.app
Share this link to let others use your app!이 URL을 복사해서 가족, 친구, 동료에게 보내면 누구든 웹 브라우저로 앱을 사용할 수 있습니다. 서버 관리, 도메인 구매, SSL 인증서 설치 같은 복잡한 작업은 AntiGravity가 모두 처리합니다.
커스텀 도메인 연결 (선택사항)
이미 구매한 도메인이 있다면 연결할 수 있습니다.
ag domain add yourdomain.comDNS 설정 가이드가 터미널에 출력되며, 대부분의 도메인 등록 업체에서 10분 이내에 연결을 완료할 수 있습니다.
배포 버전 관리
# 현재 배포 상태 확인
ag status
# 이전 버전으로 롤백
ag rollback
# 배포 이력 확인
ag deployments list실수로 잘못 배포했어도 한 줄 명령어로 즉시 이전 버전으로 돌아갈 수 있습니다. 이 점이 AntiGravity가 비전공자에게 특히 안전한 이유입니다.
미래이음연구소 바이브 코딩 교육
이신우 소장이 이끄는 미래이음연구소에서 Claude Code, AntiGravity 등 최신 바이브 코딩 도구 실전 강의를 진행합니다.
강의 문의: 010-3343-4000 | lab.duonedu.net
비전공자를 위한 실전 팁과 자주 하는 실수
AntiGravity를 처음 사용하는 비전공자들이 공통으로 겪는 어려움과 해결책을 정리했습니다. 미래이음연구소 수강생 200여 명의 실제 피드백을 바탕으로 작성했습니다.
팁 1: 요청을 구체적으로 쓸수록 결과가 좋아진다
나쁜 예시:
> 쇼핑몰 만들어줘좋은 예시:
> 핸드메이드 비누를 판매하는 쇼핑몰 랜딩 페이지.
상단에 히어로 배너(배경 연보라색, 제목 흰색 굵게),
제품 3개 카드(이미지, 이름, 가격, 구매버튼),
하단에 연락처 폼(이름, 이메일, 메시지, 보내기버튼).
전체적으로 미니멀하고 따뜻한 느낌으로.구체적인 색상, 레이아웃, 기능을 명시할수록 원하는 결과에 가까운 앱이 생성됩니다. 마치 디자이너에게 브리핑하듯 작성하는 것이 핵심입니다.
팁 2: 에러 메시지를 그대로 붙여넣어 해결하기
앱 실행 중 오류가 발생하면 당황하지 말고 에러 메시지를 복사해서 그대로 붙여넣으세요.
ag edit
> 아래 에러가 났어. 고쳐줘:
TypeError: Cannot read properties of undefined (reading 'map')
at app.js:42대부분의 에러는 이 방법으로 30초 이내에 해결됩니다. 에러를 이해하지 못해도 괜찮습니다. 에러 메시지 자체가 훌륭한 디버깅 단서가 됩니다.
팁 3: 반복 작업은 템플릿으로 저장하기
# 현재 프로젝트를 템플릿으로 저장
ag template save my-landing-page
# 나중에 새 프로젝트에서 불러오기
ag init new-project --template my-landing-page자주 쓰는 앱 구조(랜딩 페이지, 예약 폼, 대시보드 등)를 템플릿으로 저장해 두면 다음번에 시간을 크게 절약할 수 있습니다.
자주 하는 실수 TOP 3
- 너무 많은 기능을 한 번에 요청하기 – 한 번에 하나씩 기능을 추가하는 것이 훨씬 안정적입니다.
- 로컬 테스트 없이 바로 배포하기 – 반드시
ag dev로 미리보기를 확인한 후 배포하세요. - 버전 저장 없이 대규모 수정하기 – 큰 변경 전에
ag snapshot으로 현재 상태를 저장해두세요.
Q&A – 자주 묻는 질문 모음
Q1. 코딩을 전혀 모르는데 AntiGravity를 사용할 수 있나요?
A. 네, 가능합니다. AntiGravity는 코딩 지식 없이도 자연어 설명만으로 앱을 만들 수 있도록 설계되었습니다. 미래이음연구소 수강생 중 약 60% 이상이 프로그래밍 경험이 전혀 없는 분들입니다. 처음 이틀 정도 연습하면 간단한 앱은 혼자서도 충분히 만들 수 있습니다.
Q2. 무료로 사용할 수 있나요?
A. AntiGravity는 무료 플랜에서 월 3개의 앱을 배포할 수 있으며, 각 앱당 월 1만 건의 방문을 지원합니다. 개인 프로젝트나 소규모 서비스라면 무료 플랜으로 충분합니다. 더 많은 앱이나 트래픽이 필요하다면 월 $15(약 2만 원)의 Pro 플랜을 이용할 수 있습니다.
Q3. 만든 앱의 데이터는 어디에 저장되나요?
A. AntiGravity는 기본적으로 브라우저의 로컬 스토리지를 사용합니다. 여러 사용자가 데이터를 공유해야 하는 앱(예: 팀 공용 할 일 목록)을 만들려면 Supabase나 Firebase 같은 무료 데이터베이스 서비스와 연동해야 합니다. 이 경우에도 AntiGravity에 “Supabase와 연동해서 데이터를 저장해줘”라고 요청하면 자동으로 연동 코드를 생성해 줍니다.
Q4. 생성된 코드를 직접 편집할 수 있나요?
A. 물론입니다. AntiGravity가 생성한 코드는 일반 HTML/CSS/JavaScript 파일이므로 VS Code나 메모장으로도 편집할 수 있습니다. 코딩 지식이 조금 생긴 후에는 AI가 만든 코드를 읽고 직접 수정해 보는 것을 추천합니다. 이렇게 하면 프로그래밍 실력이 자연스럽게 향상됩니다.
Q5. Claude Code와 AntiGravity를 함께 써야 하나요?
A. 두 도구는 다른 상황에서 강점을 발휘합니다. 빠른 프로토타입이나 간단한 앱은 AntiGravity가 편리하고, 복잡한 로직이 있거나 기존 프로젝트에 기능을 추가할 때는 Claude Code가 더 강력합니다. 처음에는 AntiGravity로 시작해서 익숙해지면 Claude Code를 병행하는 방식을 미래이음연구소에서 추천합니다.
Q6. 앱을 삭제하면 데이터도 사라지나요?
A. 로컬 스토리지 기반 앱의 경우 브라우저 캐시와 함께 삭제될 수 있습니다. 중요한 데이터는 외부 데이터베이스에 저장하거나, 정기적으로 JSON 파일로 내보내는 기능을 앱에 추가해 두는 것이 좋습니다.
오늘 바로 시작하는 5분 실습
- 터미널 열기 (Mac: Command+Space > “터미널” 검색 / Windows: Win+R > “powershell”)
- Node.js 설치 확인:
node -v - AntiGravity CLI 설치:
npm install -g @antigravity/cli - 로그인:
ag login(브라우저에서 GitHub 또는 Google 계정으로 로그인) - 첫 앱 만들기:
ag init my-first-app실행 후 원하는 앱 설명 입력 - 미리보기 확인:
cd my-first-app && ag dev - 마음에 들면 배포:
ag deploy - 생성된 URL을 카카오톡으로 친구에게 공유
위 8단계를 마치면 여러분만의 앱이 실제 인터넷에 공개됩니다. 코딩 경험이 없어도 오늘 당장 할 수 있습니다.
바이브 코딩은 더 이상 개발자만의 영역이 아닙니다. AntiGravity 같은 도구는 아이디어를 가진 누구나 직접 실행 가능한 서비스를 만들 수 있는 세상을 열어가고 있습니다. 처음에는 낯설게 느껴지더라도 오늘 소개한 5분 실습부터 시작해 보세요. 한 번 성공 경험을 쌓으면 그 다음부터는 훨씬 빠르게 습득할 수 있습니다.
더 체계적으로 배우고 싶다면 미래이음연구소(lab.duonedu.net)의 바이브 코딩 교육 과정을 살펴보세요. 이신우 소장의 직접 강의로 Claude Code, AntiGravity, Cursor를 활용한 실전 앱 개발을 배울 수 있습니다. 또한 두온교육(main.duonedu.net)에서는 AI 시대에 맞는 다양한 교육 프로그램을 제공하고 있습니다. 강의 문의는 010-3343-4000으로 연락 주세요.
