<head>
  <meta charset="UTF-8" />
  <title>구글 파이어베이스로 10분 만에 웹사이트 배포하기 (AI 활용) | 양파고</title>
  <meta
    name="description"   content="서버 구축 없이 내 사이트를 배포하고 싶으신가요? 구글 파이어베이스(Firebase)와 AI Agent(안티 그래비티)를 활용해 10분 만에 무료로 웹사이트를 런칭하는 방법을 알려드립니다. CLI 설치부터 배포까지 따라만 하세요."   />
  <meta name="keywords" content="파이어베이스 배포, Firebase Hosting, 구글 안티그래비티, Antigravity, 웹사이트 무료 배포, AI 코딩 배포, Firebase CLI 사용법, 양파고, Yang Phago, 노션, 양파고 노션, notion" />

  <meta   property="og:title"   content="구글 파이어베이스로 10분 만에 웹사이트 배포하기 (AI 활용)"  />
  <meta  property="og:description" content="코딩 몰라도 OK! AI(안티 그래비티)가 명령어 입력부터 배포까지 다 도와줍니다. 평생 무료 호스팅으로 내 웹사이트를 세상에 공개해보세요. 👇 실습 가이드 바로가기"  />
  <meta property="og:image" content="<https://prod-files-secure.s3.us-west-2.amazonaws.com/9f3c9c6b-c056-484e-9466-231ab1f2008a/9a35e240-d6a4-47f0-b432-7a6b6252129f/free-icon-ai-8131880.png>" />
  <meta property="og:url" content="<https://yangphago.oopy.io/2e062b09-b72b-80b4-b5c8-ff7563a86b47>" />
  <meta property="og:type" content="website" />
</head>

목차(클릭하세요)

<aside> 💡 구글이 만든 안티 그래비티(=Antigravity)와 구글이 만든 파이어베이스(=**FireBase)**가 만나면?

안티 그래비티(=**Antigravity)**가 딜러+힐러라면
파이어베이스(=FireBas는 서포터!!!

</aside>

1. 고민_서비스 배포는 어떻게?

1-1. 하나의 생태계에서 프론트엔드와 벡엔드의 만남

안티그래비티 (아이돌): 춤추고 노래하며 실제로 퍼포먼스(기능 구현)를 보여주는 주인공.
파이어베이스 (기획사): 무대(호스팅)를 설치해주고, 팬레터(데이터)를 관리해주는 소속사.

Antigravity (UI 설계)
        ↓ 원클릭 연동
Firebase (데이터/인증/호스팅)
        ↓ 자동 최적화
Google Cloud (확장)

📋 핵심 요약표

구분	Google Antigravity (IDE)	Google Firebase (BaaS)	결합 시너지
정의	AI 에이전트 기반 자율 개발 환경	서버리스 백엔드 인프라 플랫폼	완전 자동화된 풀스택 개발
주요 역할	코드 작성, 테스트, UI 생성 (프론트)	DB, 인증, 호스팅 제공 (백엔드)	개발자 없는 1인 유니콘 기업 가능
핵심 가치	"무에서 유를 창조" (Creation)	"유를 영속적으로 관리" (Management)	아이디어에서 배포까지 10분 컷

1-2. 대표적인 배포 방법

항목	Firebase	AWS	GitHub
초기 설정	5-10분	1-2시간	DB 미지원
학습 난이도	⭐⭐	⭐⭐⭐⭐⭐	⭐
무료 한도	충분함	복잡함	무제한(정적)
실시간 DB	✅ 내장	❌ 별도 설정	❌
인증 시스템	✅ 원클릭	❌ 복잡함	❌
배포 속도	1분	10-30분	1분

firebase가 유리한 이유: 트래픽이 많지 않으면 무료 호스팅 가능
22년 6월 기준, 파이어베이스는 무료호스팅으로 10GB, 일 360MB의 데이터를 전송할 수 있음

1-3.구글 파이어베이스 기반 배포 시작을 위한 사전 준비

사전 준비: firebase 가입

Firebase | Google's Mobile and Web App Development Platform

이후 콘솔로 이동
- 콘솔이란? 파이어베이스에서 제공하느 기능을 직접 설정하고 살펴보는 페이지

2. 모든걸 Agent에게 시키기

📢[가정] fire base를 전혀 모른다고 가정하고 안티그래비티의 Agent의 도움을 받아 배포하기