TIL #32 | 기본적인 Firebase 사용 방법

Firebase

서버리스 플랫폼
Baas(Backend as a Service)

• 서버를 관리할 필요 없이 웹개발을 할 수 있도록 해주는 플랫폼

주요 서비스

• Authentication
• Firestore
• Strorage

Firebase 사용하기

https://firebase.google.com/docs/web/setup?hl=ko#available-libraries

• 프로젝트 생성하기
  Firebase console > 프로젝트 생성

• 개발 환경에 패키지 추가
  yarn add firebase

• firebase config 정보 firebase.js에 추가하기

---

Authentication

사용자 인증을 제공하는 서비스 (로그인, 회원가입 등)

getAuth()

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

// Initialize Firebase
export const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);

회원가입

createUserWithEmailAndPassword(auth객체, 이메일, 패스워드)

//App.jsx
import { useEffect } from "react";
import { auth } from "./firebase";
import { createUserWithEmailAndPassword } from "firebase/auth";

function App() {
  useEffect(() => {
    createUserWithEmailAndPassword(auth, "tessadt@gmail.com", "113244");
  }, []);

사용자 인증 정보 확인

1) onAuthStateChanged
2) auth.currentUser

이메일로 로그인

signInWithEmailAndPassword(auth객체, 이메일, 패스워드)

---

Firestore

문서 중심의 NoSQL 데이터 베이스

---

Storage

파일 업로드 및 다운로드