[React] Firebase

Firebase란?

파이어베이스는 구글에서 제공하는 클라우드 기반의 개발 플랫폼으로, 실시간 데이터베이스, 인증, 스토리지 등 다양한 기능을 제공한다. 리액트와 함께 파이어베이스를 사용하면 실시간으로 데이터를 동기화하고 사용자 인증, 파일 업로드 등을 간편하게 처리할 수 있다.

 

Firebase 사용 방법

1. 파이어베이스 프로젝트 설정 및 초기화:
   • 파이어베이스 콘솔에서 프로젝트 생성 및 설정을 완료한다.
   • 리액트 프로젝트에서 파이어베이스 SDK를 설치하고 초기화한다.
2. 파이어베이스 리얼타임 데이터베이스 사용하기:
   • 데이터 읽기:

   import firebase from 'firebase';
   
   const db = firebase.database();
   const ref = db.ref('경로');
   ref.on('value', (snapshot) => {
     const data = snapshot.val();
     // 데이터 활용
   });
   

   • 데이터 쓰기:

   import firebase from 'firebase';
   
   const db = firebase.database();
   const ref = db.ref('경로');
   ref.set('값');
   

3. 파이어베이스 인증(Authentication) 사용하기:
   • 회원가입:

   import firebase from 'firebase';
   
   const auth = firebase.auth();
   auth.createUserWithEmailAndPassword(email, password)
     .then((userCredential) => {
       // 회원가입 성공
     })
     .catch((error) => {
       // 회원가입 실패
     });
   

   • 로그인:

import firebase from 'firebase';

const auth = firebase.auth();
auth.signInWithEmailAndPassword(email, password)
  .then((userCredential) => {
    // 로그인 성공
  })
  .catch((error) => {
    // 로그인 실패
  });