인증 방식
🔑 API Key
요금
Spark 무료(제한), Blaze 사용량 기반
Base URL
firestore.googleapis.com
태그
백엔드, 실시간DB
서비스 소개
Firebase는 Google의 앱 개발 플랫폼으로 Firestore(NoSQL DB), Realtime Database, Authentication, Cloud Storage, Cloud Functions, FCM(푸시 알림) 등을 제공합니다. 특히 모바일 앱(iOS/Android)과 실시간 데이터가 필요한 웹 앱에 적합합니다. Spark 플랜(무료)으로 시작 가능합니다.
🚀 시작하기
- 1
프로젝트 생성
console.firebase.google.com → 프로젝트 추가
- 2
웹 앱 등록
프로젝트 설정 → 웹 앱 추가 → firebaseConfig 복사
- 3
SDK 설치
npm install firebase
- 4
서비스 활성화
Firestore Database, Authentication 등 필요한 서비스 활성화
💡 코드 예제
JavaScriptNext.js (Firestore)
import { initializeApp } from 'firebase/app'
import { getFirestore, collection, addDoc, getDocs, query, where, orderBy } from 'firebase/firestore'
import { getAuth, signInWithPopup, GoogleAuthProvider } from 'firebase/auth'
const app = initializeApp({
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
authDomain: "your-app.firebaseapp.com",
projectId: "your-app",
})
const db = getFirestore(app)
const auth = getAuth(app)
// Firestore: 데이터 추가
await addDoc(collection(db, 'posts'), {
title: '제목',
content: '내용',
createdAt: new Date(),
userId: auth.currentUser?.uid,
})
// Firestore: 조회 + 필터
const q = query(
collection(db, 'posts'),
where('userId', '==', 'user123'),
orderBy('createdAt', 'desc')
)
const snapshot = await getDocs(q)
snapshot.forEach(doc => console.log(doc.id, doc.data()))
// Google 로그인
const provider = new GoogleAuthProvider()
const result = await signInWithPopup(auth, provider)
console.log(result.user.email)