이 영상은 Google AI Studio와 Firebase로 웹 앱을 만드는 완전한 튜토리얼입니다. 첫 prompt를 보내는 단계부터 맞춤 도메인에 라이브 배포하는 단계까지, 차근차근 진행합니다.
✅ Hostinger (독점 할인): https://meticsmedia.com/hostinger-OBX

➡️ Google AI Studio: https://aistudio.google.com/
➡️ Firebase Console: https://console.firebase.google.com/

Google AI Studio와 Firebase를 사용해 실제로 작동하는 backend가 있는 진짜 웹 앱을 만들고, 맞춤 도메인에 라이브로 배포하는 방법을 배워보세요. 이 튜토리얼은 첫 prompt를 구성하는 방법부터 사용자 인증, 데이터베이스, 파일 스토리지, 보안 규칙, 관리자 대시보드 설정, 그리고 완성된 앱을 맞춤 도메인에 배포하는 과정까지 모두 다룹니다. 완전한 초보자이든 이미 AI Studio에 프로젝트가 있든, 이 영상은 처음부터 어떤 웹 애플리케이션이든 만들고 출시할 수 있도록 전체 과정을 안내합니다.

배울 내용:
✔️ 최고의 결과를 얻기 위해 4단계 공식으로 prompt를 구성하는 방법
✔️ Google AI Studio를 통해 Firebase를 자동으로 설정하는 방법
✔️ 사용자가 계정을 만들고 로그인할 수 있도록 인증을 구성하는 방법
✔️ 웹 앱을 위한 파일 스토리지와 데이터베이스를 설정하는 방법
✔️ AI Studio를 사용해 앱을 테스트하고 문제를 해결하는 방법
✔️ 모든 사용자와 데이터를 관리할 관리자 대시보드를 설정하는 방법
✔️ Firebase 보안 규칙과 스토리지 규칙을 구성하는 방법
✔️ 프로젝트를 GitHub에 저장하고 Hostinger에 배포하는 방법
✔️ 환경 변수를 추가하고 맞춤 도메인을 연결하는 방법
✔️ 변경 사항이 자동으로 배포되도록 업데이트를 자동 동기화하는 방법

🔗 영상에서 언급된 링크
➡️ AI Studio + Firebase 가이드: https://drive.google.com/file/d/1sQVs...

📍 독점 혜택 및 할인: https://meticsmedia.com/deals

⏱️ 타임스탬프
0:00 소개
0:30 로드맵
1:12 우리가 만들 것
2:19 Backend의 네 가지 핵심 요소
3:11 Google AI Studio에서 앱 만들기
3:39 4단계 Prompt 공식
5:45 Prompt 작성 및 전송
7:43 Firebase 활성화
8:53 Firebase Console 접속
9:46 인증 활성화
10:34 파일 스토리지 설정
13:44 AI Studio에서 Firebase 변경 사항 마무리
14:55 네 가지 핵심 요소 점검
16:04 UI 연결 (테스트 및 수정)
21:24 Backend 설정 완료
21:57 관리자 대시보드 설정
23:53 데이터베이스 보안 규칙 확인
25:31 스토리지 규칙 업데이트 
26:54 관리자 대시보드 개요
28:34 GitHub에 저장
30:09 Hostinger에 배포
33:28 도메인 연결
34:16 환경 변수 추가 및 배포
36:49 라이브 앱 확인
37:30 업데이트 자동 동기화 
39:29 hPanel 개요
40:41 Firebase Console 개요
41:52 다음 단계