✅ Firebase Hosting을 이용한 웹 서비스 개발 개요

🔹 Firebase Hosting은 "웹사이트 배포 공간(CDN + HTTPS)"을 제공할 뿐,

직접 웹페이지를 만들어주는 도구는 아닙니다.

---

✅ 웹서비스 개발 전체 흐름

📍 1단계: 웹사이트 파일(index.html 등) 직접 제작

• PC에서 HTML, CSS, JavaScript로 웹사이트를 개발

• 예:

  • index.html: 웹페이지 기본 구조
  • main.js: Firebase에서 데이터를 가져오는 스크립트
  • style.css: 시각 디자인

✳️ 이 과정은 사용자가 직접 코딩해야 합니다.

---

📍 2단계: Firebase CLI로 초기화

firebase init

• public 폴더 설정 → 여기에 웹사이트 파일을 넣음
• 기존 Firebase 프로젝트와 연동

---

📍 3단계: 배포

firebase deploy

• public/index.html 기준으로 전체 사이트가 Firebase Hosting으로 배포
• 결과: https://your-project-id.web.app 주소에서 접속 가능

---

✅ 다시 말해,

항목	주체
웹사이트 제작 (HTML, JS 등)	개발자(=사용자)
Firebase 기능 사용 (DB 연동, 인증 등)	JS 코드로 연동
웹 호스팅	Firebase Hosting
배포 방식	Firebase CLI 사용

---

✅ 예시 구조

my-project/
 ├─ public/
 │   ├─ index.html      ← 사용자가 작성
 │   ├─ script.js        ← Firebase DB 연동
 │   └─ style.css
 └─ firebase.json        ← CLI가 생성

---

✅ 요약

"Firebase Hosting은 웹사이트를 만드는 것이 아니라, 배포하는 플랫폼이다." 따라서 index.html은 개발자가 직접 PC에서 작성해야 하며, 작성 후 CLI로 Firebase에 업로드(배포)하는 구조입니다.

---