Google AI Studio

Summary

Google이 제공하는 브라우저 기반 AI 앱 빌더. Gemini 모델을 기반으로 웹사이트·챗봇·이미지 생성 도구 등을 코딩 없이 제작할 수 있다.

Google이 제공하는 브라우저 기반 AI 앱 빌더. Gemini 모델을 기반으로 웹사이트·챗봇·이미지 생성 도구 등을 코딩 없이 제작할 수 있다.

주요 특징

• 브라우저에서 프롬프트 입력만으로 웹사이트 생성
• Gemini API 기반 AI 기능 내장 (챗봇, 이미지 생성, 분석 도구)
• GitHub 연동으로 생성된 코드 버전 관리
• 변경사항 commit → 호스팅 플랫폼 자동 동기화 지원

배포 환경 요구사항

• Node.js 런타임 필요 (GitHub Pages 등 정적 호스팅 불가)
• API 키 환경변수 주입 필수: GEMINI_API_KEY, GOOGLE_API_KEY, VITE_GEMINI_API_KEY
• 권장 빌드 도구: Vite

배포 플랫폼 (확인된)

• Hostinger 비즈니스 플랜 (Node.js 관리형 앱)

백엔드 통합

• Firebase 자동 활성화 — 빌드 시 백엔드 요구 감지 시 팝업
• 프롬프트 작성 공식: AI웹앱-프롬프트-4부분-공식
• 백엔드 4핵심: AI웹앱-백엔드-4핵심요소
• 빌드 후 검증: AI웹앱-테스트수정-워크플로우

관련 출처

• yt-GafKHfVDqOk-구글AI스튜디오-웹사이트-Hostinger-배포
• yt-DC4nSUX9pCc-구글AI스튜디오-Firebase-실제웹앱구축 — Firebase 백엔드 통합 풀스택 (42분)