구글 AI 스튜디오 바이브 코딩: 만들기·한도·배포
구글 AI 스튜디오 Build 모드로 바이브 코딩하는 방법과 할 수 있는 일·없는 일, 앱 2개 제한의 Starter Tier, 배포·내보내기 방법을 정리했습니다.
자주 묻는 질문
구글 AI 스튜디오의 바이브 코딩이란 무엇인가요?
aistudio.google.com/apps에 있는 Build 모드를 말합니다. 만들고 싶은 앱을 일상 언어로 설명하면 Gemini가 코드를 생성하고, 옆에 실시간 미리보기가 나타납니다. 구글 문서에 따르면 웹 앱은 기본적으로 React 프론트엔드와 Node.js 서버 런타임으로 만들어지며, 네이티브 Android 앱(Kotlin, Jetpack Compose)도 선택할 수 있습니다. 결과물은 채팅으로 요청하거나 미리보기 화면의 주석 모드(annotation mode)로 다듬습니다. 문서 확인 시점은 2026년 11월입니다.
구글 AI 스튜디오 바이브 코딩은 무료인가요?
구글의 Build 및 배포 문서에는 무료 할당량에 대한 설명이 없습니다. 앱에서 보내는 API 호출은 사용 한도에 포함되며, 유료 모델을 쓰면 비용이 발생할 수 있다고 안내합니다. Starter Tier는 자격이 되는 계정이 Google Cloud 프로젝트나 결제 계정 없이 풀스택 앱을 최대 2개까지 게시할 수 있게 해 주지만, 사용량에 따라 Cloud Run 요금이 부과될 수 있습니다. 내 계정에 적용되는 최신 요금은 AI Studio의 Billing 페이지에서 확인하세요.
구글 AI 스튜디오로 만든 앱은 어떻게 배포하나요?
오른쪽 상단의 Publish를 클릭합니다. Starter Tier에서는 이어서 Get Started와 Publish App을 누르면 Cloud Run URL이 발급됩니다. 일반 배포에는 AI Studio 계정에 연결된, 결제가 활성화된 Google Cloud 프로젝트가 필요합니다. 프로젝트를 GitHub와 동기화하거나 ZIP 파일로 내려받아 직접 호스팅할 수도 있습니다.
구글 AI 스튜디오 앱을 GitHub나 내 호스팅으로 내보낼 수 있나요?
네. AI Studio는 설정(Settings)의 GitHub 탭에서 관리하는 양방향 GitHub 동기화를 지원하며, AI가 생성한 커밋 메시지와 충돌 해결(Resolve conflicts) 대화상자를 제공합니다. ZIP 파일 다운로드도 가능합니다. 다른 곳에서 코드를 실행한다면 GEMINI_API_KEY 환경 변수를 직접 설정해야 합니다.
게시한 앱에서 Gemini API 키가 노출되나요?
새로 만든 웹 앱의 경우, 구글 문서에 따르면 AI Studio는 GEMINI_API_KEY를 서버 측 시크릿으로 저장하며 Secrets 패널에서 확인할 수 있고 클라이언트 코드에는 절대 포함되지 않습니다. 다만 배포된 앱은 모든 방문자의 Gemini 호출에 이 키를 사용하므로, 방문자의 사용량이 내 한도와 비용에 그대로 반영됩니다.
Starter Tier로 게시할 수 있는 사람은 누구인가요?
구글의 배포 안내 페이지에 따르면 Google Workspace 계정으로 로그인한 계정, 유료 Google Cloud 결제 계정이 현재 있거나 과거에 있었던 계정, 활동 이력이 충분하지 않은 계정은 대상이 아닙니다. 또한 지원팀이 자격 조건을 예외로 처리해 줄 수 없다고 밝히고 있습니다. 자격이 되지 않는다면 결제가 활성화된 Google Cloud 프로젝트로 일반 배포를 이용하세요.
한 줄 요약: 구글 AI 스튜디오의 바이브 코딩은 aistudio.google.com/apps의 Build 모드에서 이루어집니다. 앱을 설명하면 Gemini가 React 프론트엔드와 Node.js 서버(또는 네이티브 Android 앱)를 작성하고, 실시간 미리보기를 보면서 다듬어 나가면 됩니다. 완성되면 Publish를 눌러 Cloud Run에 올리거나, GitHub와 동기화하거나, ZIP으로 내려받을 수 있습니다. 링크를 공유하기 전에 아래 한도를 꼭 확인하세요. 방문자의 Gemini 호출이 내 키로 실행되기 때문입니다. 모든 내용은 2026년 11월 기준 구글 문서로 확인했습니다.
Build 모드는 실제로 무엇을 하나요
Build 모드는 AI Studio 안에서 프롬프트만으로 앱을 만드는 환경입니다. 구글 문서에 따르면 다음과 같습니다.
- 웹 앱(기본값): React 프론트엔드와 Node.js 서버 런타임으로 구성되며, 서버에서 안전한 API 호출, 데이터베이스 연결, npm 패키지 사용이 가능합니다. 필요한 패키지는 에이전트가 설치합니다.
- Android 앱: Kotlin과 Jetpack Compose로 만들며, 브라우저 기반 에뮬레이터로 미리 보고, 브라우저에서 ADB로 기기에 설치할 수 있으며, Play 스토어 내부 테스트용으로 게시할 수 있습니다.
- 기본 제공 연동: Firebase Firestore와 Firebase Authentication(Google 로그인), Gmail·Sheets·Docs·Drive·Calendar 같은 Google Workspace 연결(OAuth 자동 설정), 서버 런타임이 처리하는 멀티플레이어 상태 관리가 있습니다.
- 그 밖의 데이터베이스: 네트워크로 접근할 수 있는 저장소라면 무엇이든 쓸 수 있다고 문서에 나와 있습니다. 다만 동적 IP 대역에 대한 방화벽 제한이 적용됩니다.
개념이 낯설다면 바이브 코딩이란 무엇인가 설명을 참고하세요. Build 모드는 바이브 코딩을 구현한 하나의 방식입니다.
구글 AI 스튜디오에서 앱을 바이브 코딩하는 방법
- Build 모드 열기. aistudio.google.com/apps에 접속해 플랫폼 선택기에서 웹 앱(기본값) 또는 네이티브 Android를 고릅니다.
- 프롬프트 작성. 누가 쓰는 앱인지, 메인 화면에 무엇이 보이는지, 어떤 데이터를 다루는지 설명합니다. AI Chips로 이미지 생성이나 Google 지도 데이터 같은 기능을 추가하거나, 음성 입력으로 받아쓰기를 할 수도 있습니다. 아이디어가 막막하다면 "I'm Feeling Lucky"가 아이디어를 만들어 줍니다.
- 이미 있는 것에서 시작하기. App Gallery에서 앱을 열고 Copy App을 눌러 리믹스하거나, 프롬프트 입력창의 Add files (+) 메뉴에서 Import from GitHub를 사용하세요.
- 실행하고 미리보기 확인. 생성된 파일은 오른쪽의 실시간 미리보기와 함께 나타납니다. Code 탭에서 소스 코드를 볼 수 있습니다.
- 작은 단계로 반복 수정. 메시지 하나에 변경 사항 하나씩 요청하세요. 화면 디자인을 손볼 때는 주석 모드를 쓰면 됩니다. UI의 한 부분을 강조 표시하고 원하는 변경 내용을 설명하면 됩니다.
- 권한 처리. 앱에서 카메라, 마이크, 위치 정보를 사용한다면, 문서의 안내대로 metadata.json의 requestFramePermissions에 해당 브라우저 API를 적어 두어야 합니다.
- 시크릿 확인. Settings의 Secrets 패널에서 GEMINI_API_KEY를 확인하고, 서버 코드에 필요한 다른 키도 여기에 추가합니다.
- 저장 또는 배포. GitHub와 동기화하거나, ZIP으로 내려받거나, Publish를 클릭합니다.
첫 결과물이 더 좋아지는 프롬프트 작성법
작은 도자기 공방의 예약 페이지를 만들어 줘. 방문자는 목록에서 수업을 고르고, 날짜를 선택한 뒤 이름과 이메일을 입력해. 신청 내용은 Firestore에 저장하고, 확인 화면을 보여줘. 레이아웃은 모바일 우선의 한 단 구성으로 해 줘. 로그인은 넣지 마.
데이터 저장소, 화면 구성, 제외할 기능까지 명시하면 에이전트가 멋대로 기능을 만들어 넣고 나중에 지워야 하는 일이 줄어듭니다.
배포·내보내기 옵션 비교
| 옵션 | 제공되는 것 | 요건(구글 문서 기준) | 주의할 점 |
|---|---|---|---|
| Publish, Starter Tier | Cloud Run URL, 선택 시 your-app-name.ai.studio 서브도메인 | 자격이 되는 계정. Google Cloud 프로젝트나 결제 계정 불필요 | 서비스 총 2개까지, Cloud Run 리전 1곳만 사용 가능. Workspace 계정과 유료 Cloud 결제 계정은 대상 아님 |
| Publish, 일반 배포 | 확장 가능한 Cloud Run 서비스 | AI Studio에 연결된, 결제가 활성화된 Google Cloud 프로젝트 | 사용량에 따라 Cloud Run 요금이 부과될 수 있음 |
| GitHub 동기화 | 커밋 메시지가 포함된 양방향 저장소 동기화 | Settings의 GitHub 탭 | 병합 충돌은 대화상자에서 해결 |
| ZIP 다운로드 | 어디서든 실행할 수 있는 코드 | GEMINI_API_KEY를 직접 설정 | 호스팅, 시크릿, 업데이트를 직접 관리 |
Starter Tier에서는 Publish, Get Started, Publish App 세 번의 클릭으로 게시됩니다. 이미 앱 2개가 게시 중이라면 하나를 게시 취소하거나 업그레이드해야 합니다. 커스텀 서브도메인은 선착순으로 배정되며, 게시를 취소하거나 앱을 삭제하면 반환됩니다.
공유하기 전에 알아야 할 한도와 위험
- 모든 방문자의 비용을 내 키가 부담합니다. 배포된 앱은 모든 사용자의 호출에 내 Gemini API 키를 사용하며, 문서에서도 유료 모델을 쓰면 비용이 발생할 수 있다고 경고합니다. AI Studio는 공유 전에 이 점을 알려 줍니다.
- 앱은 처음에는 비공개입니다. 공유받은 사람은 코드를 보고 포크할 수 있고, 편집 권한이 있는 사람은 코드를 수정할 수 있습니다.
- 실시간 공동 편집은 불가능합니다. 구글 문서에 따르면 실시간 협업 편집은 지원되지 않으며, 팀은 공유 GitHub 저장소를 통해 협업합니다.
- 공유 링크가 열리지 않을 수 있습니다. 문서에는 Privacy Badger 같은 개인정보 보호 확장 프로그램이나 빌드 오류 때문에 403 Access Restricted 오류가 발생할 수 있다고 나와 있습니다.
- 앱의 동작에 대한 책임은 내게 있습니다. 정책을 위반하면 앱이 삭제될 수 있으며, 앱의 동작과 데이터에 대한 책임은 개발자에게 있습니다.
- 예전 앱. 2026년 5월 14일 이전에 만든 앱은 Gemini 기능을 다음에 수정할 때 서버 측 키 방식으로 업그레이드됩니다.
저희가 확인한 구글 페이지에는 무료 이용 구간의 요청 수나 토큰 수가 명시되어 있지 않아서 수치는 싣지 않았습니다. 내 계정에 적용되는 한도는 AI Studio 안의 Billing 페이지에서 확인하세요.
게시 전 체크리스트 (복사해서 사용하세요)
- [ ] 로그인한 브라우저가 아닌 새 브라우저 프로필에서도 미리보기가 정상 작동한다
- [ ] 시크릿은 코드나 프롬프트에 붙여 넣지 않고 Secrets 패널에 저장했다
- [ ] 배포된 앱이 누구의 Gemini 키를 쓰는지, 트래픽이 몰리는 날 비용이 얼마나 나올지 알고 있다
- [ ] 방문자가 읽거나 쓰면 안 되는 데이터에 접근하지 못하도록 Firestore 또는 데이터베이스 규칙을 점검했다
- [ ] 휴대폰 화면 너비에서 테스트했다
- [ ] AI Studio 밖에도 사본이 있도록 저장소를 GitHub와 동기화했다
- [ ] Starter Tier 자격을 확인했거나, 결제가 활성화된 Cloud 프로젝트를 준비했다
AI가 만든 앱은 완성된 것처럼 보여도 입력값 검증과 접근 제어에 빈틈이 숨어 있을 수 있습니다. 이 부분은 웹사이트 바이브 코딩의 신뢰 격차에서 다루었습니다.
Build 모드가 맞지 않는 경우
Build 모드는 프로토타입, 사내 도구, Gemini를 호출하는 작은 인터랙티브 앱에 적합합니다. 도메인, 문의 양식, 검색 노출이 필요한 일반 비즈니스 사이트라면 부담이 큰 방법입니다. 또 ai.studio 서브도메인 뒤의 Cloud Run 서비스는 검색 노출을 관리하는 사이트와는 성격이 다릅니다. 더 간단한 호스팅을 찾고 있다면 Google Sites 대안 목록을 참고하시고, 사이트를 공개한 뒤에는 Google Search Console을 설정해 색인 상태를 확인하세요.
맞춤형 앱이 아닌 일반 사이트라면, We.Inc 무료 플랜으로 준비된 템플릿을 사용해 사이트를 최대 3개까지 게시할 수 있습니다. 프롬프트로 사이트 초안을 만들어 주는 AI 빌더는 월 $20의 Starter 플랜부터 이용할 수 있습니다. 여기에서 가입하세요.
무료로 시작하기 · 신용카드 필요 없음
We.Inc 설립자
Umair는 We.Inc의 설립자입니다. AI 웹사이트 제작, 에이전시, 웹 스튜디오 운영 사업에 관해 글을 씁니다.
멋진 것을 만들 준비가 되셨나요?
하나의 플랫폼에서 출시하고 성장하고 자동화하는 15,000+개 비즈니스가 We.Inc를 사용합니다.
무료로 시작하기신용카드 필요 없음 · 영업팀에 문의하기
관련 항목: 블로그
- Google 비즈니스 프로필 최적화 완벽 가이드
- Google Search Console 가이드
- 서치 콘솔 vs 구글 애널리틱스
- Google Workspace MX 레코드 값·설정 방법·기존 5개 레코드
- 그래픽 디자인 포트폴리오 웹사이트 만들기
- 그린 웹사이트 색상 조합 6가지
- 소규모 지역 업체를 위한 게릴라 마케팅 아이디어 25가지
- 헤어 살롱 웹사이트 디자인
제품
대상
기능
리소스
- 블로그
- 고객센터
- 무료 비즈니스 도구
- Free UI Components
- 템플릿
- 템플릿 모음
- 웹사이트 예시
- 가이드
- 비교
- 대안
- 추천
- 리뷰
- 요금 가이드
- 활용 사례
- 용어집 및 가이드
- 연동
- 개발자
- Benchmark
- Windows App