목차
📅 2025년 업데이트 | ⏱ 읽기 약 8분 | 🏷 AI앱개발노코드안티그래비티GeminiVercel배포
"코딩을 배워야 하나..." 저도 그 고민, 진짜 오래 했어요 😅
개발자 친구한테 부탁하기도 민망하고, 유튜브로 파이썬 배우다가 중간에 때려친 게 벌써 세 번째... 근데 있잖아요.
AI가 대신 코딩해준다는 얘기, 그거 그냥 마케팅 멘트가 아니었어요.
구글이 만든 안티그래비티(Antigravity)라는 도구를 처음 접했을 때, 솔직히 반신반의했거든요.
"에이, 이것도 결국 어느 순간 코드 봐야 되는 거 아니야?" 했는데... 제가 틀렸어요.
Gemini AI랑 엮어서 진짜로 앱을 만들고, Vercel로 세상에 배포하기까지 했습니다.
오늘 그 과정을 낱낱이 공유해볼게요!
결론부터 말할게요. 가능합니다.
단, 조건이 있어요. "AI가 알아서 다 해준다"는 기대는 살짝 내려놓고, AI한테 잘 설명하는 법만 익히면 돼요.
이게 사실 전통적인 코딩보다 훨씬 쉬워요 😊
2024~2025년을 기점으로 AI 앱 개발 도구들이 폭발적으로 쏟아졌어요.
Bolt, Lovable, Cursor, Replit... 근데 저처럼 완전 비개발자에게 가장 진입장벽이 낮았던 건 바로 구글의 안티그래비티였어요.
구글 생태계와 자연스럽게 연결되고, Gemini라는 강력한 AI 두뇌가 붙어 있어서요.
안티그래비티(Antigravity)는 구글이 개발한 AI 기반 앱 빌더예요.
한마디로, 사람이 자연어로 "이런 앱 만들어줘"라고 말하면 AI가 실제로 작동하는 앱을 뚝딱 만들어주는 도구예요.
공식적으로 Google Labs의 실험 프로젝트로 시작됐는데, 빠르게 발전하고 있어요.
노코드 도구라고 하면 워드프레스나 윅스 같은 걸 떠올리시죠?
근데 그건 사실 클릭으로 레고 블록 조립하는 거잖아요.
안티그래비티는 달라요. AI가 실제 코드를 생성하고, 그 코드가 앱으로 실행돼요.
덕분에 훨씬 자유도가 높고 복잡한 기능도 구현할 수 있어요.
| 항목 | 기존 노코드 (윅스 등) | 안티그래비티 + Gemini |
|---|---|---|
| 제작 방식 | 드래그 앤 드롭 | 자연어 프롬프트 |
| 커스터마이징 | 제한적 | 높음 |
| 배포 방식 | 플랫폼 내 호스팅 | Vercel, Netlify 등 자유 선택 |
| 비용 | 월정액 구독 | 기본 무료 (Gemini API 사용량 기준) |
| 코딩 필요 여부 | 불필요 | 거의 불필요 (프롬프트만 잘 하면 OK) |
안티그래비티의 두뇌는 Gemini예요.
구글의 최신 멀티모달 AI인데, 텍스트뿐만 아니라 이미지·코드·데이터를 동시에 이해하고 생성할 수 있어요.
이 능력 덕분에 "내가 원하는 앱"을 말로 설명하면, Gemini가 그걸 React·TypeScript 같은 실제 코드로 변환해줘요.
아, 그리고 여기서 포인트는 — 생성된 코드를 내가 직접 볼 필요가 없어요.
물론 보고 싶으면 볼 수 있어요. 하지만 그냥 "실행해" 하면 Gemini가 알아서 돌려줘요.
저는 처음에 React가 뭔지도 몰랐는데, 결과물은 멀쩡하게 작동하더라고요 😲
처음 안티그래비티를 열었을 때, 텅 빈 채팅창 하나가 나왔어요.
"뭘 만들어드릴까요?" 같은 느낌이요. 저는 조심스럽게 이렇게 입력했어요:
엔터를 눌렀는데... 화면이 막 움직이기 시작하는 거예요.
실시간으로 코드가 생성되는 게 오른쪽에 보이고, 왼쪽 미리보기 화면에는 진짜 가계부 앱 UI가 뜨는 거예요.
제가 입력한 항목들, 날짜 선택창, 금액 계산기... 한 30초 만에요. 진짜 30초.
그 순간 솔직히 좀 멍했어요. "이게... 이렇게 되는 거였어?" 하고요 ㅋㅋㅋ 개발자 친구한테 "나 앱 하나 만들어줄 수 있어?" 했으면 최소 2주 걸린다고 했을 텐데...
첫 번째 시도에서 깨달은 건데, 프롬프트가 구체적일수록 결과가 좋아요.
"앱 만들어줘"보다는 "사용자가 날짜/항목/금액을 입력하고 월별 통계를 막대그래프로 보는 가계부 앱 만들어줘"처럼 기능을 하나하나 설명해주면 훨씬 원하는 결과에 가까워요.
코딩은 몰라도 되는데, 딱 이 세 개는 들어본 적 있으면 좋아요. 알면 AI한테 더 정확하게 말할 수 있거든요 😊
앱을 이루는 레고 블록이라고 생각하세요. "헤더 컴포넌트", "카드 컴포넌트"처럼 각각의 UI 덩어리예요. 안티그래비티한테 "이 카드 컴포넌트를 좀 더 크게 만들어줘"처럼 말하면 딱 원하는 부분만 수정해줘요.
내 컴퓨터에서만 돌아가는 앱을 인터넷에 올려서 다른 사람도 쓸 수 있게 하는 과정이에요. 쉽게 말해 "세상에 공개하기"예요. 안티그래비티에서 만든 앱은 Vercel이라는 서비스로 클릭 몇 번이면 배포돼요.
앱과 외부 서비스가 대화하는 통로예요. 예를 들어, 내 앱이 날씨 정보를 보여주려면 기상청 API와 연결해야 해요. 안티그래비티는 Gemini API를 기본으로 쓰고, 다른 API도 자연어로 "○○ API 연결해줘"라고 하면 대부분 알아서 해줘요.
앱이 완성됐을 때 "어? 이게 끝이야?" 싶었어요. 근데 배포가 남아있었죠. Vercel을 쓴 이유는 간단해요 — 무료고, 복잡한 설정 없이 GitHub 연동만 하면 되거든요.
그 주소를 복사해서 카톡에 붙여넣고 친구한테 보냈을 때의 그 기분...
"나 앱 만들었어"라고 할 수 있는 그 순간이 진짜 감동이었어요 😭 코딩 한 줄도 안 짰는데!
참고로, Vercel 배포와 관련해서 더 자세한 내용은 Vercel 공식 문서와 Google AI Developer 사이트에서 확인하실 수 있어요.
3개월 넘게 써오면서 터득한 꿀팁들이에요. 저처럼 헤매지 마세요 ㅠㅠ
어떠셨어요? "나도 할 수 있겠는데?" 싶으셨으면 성공이에요 ㅎㅎ 사실 저도 처음엔 막막했는데, 시작해보니까 정말 별거 없었거든요. 중요한 건 일단 만들어보는 것이에요!
다음 편에서는 실제 앱을 더 다듬어 완성도를 높이는 방법을 다뤄볼게요. 댓글로 여러분은 어떤 앱 만들고 싶으신지 알려주세요~ 함께 고민해봐요! 💪