본문 바로가기
리액트 공부와 함께 하는 일상/4주차

[TIL] 4주차 - 4. Firebase BAAS 서비스

by fefe94 2022. 2. 7.

Firebase (BAAS 서비스)

 

 

FireBase Back-end 개발자 없이 Back-end 기능 클라우드 서비스 형태로 제공하여 앱 / 웹 개발을 도와주는 서비스 입니다. 프런트엔드에서 데이터베이스로 바로 저장할 수 있습니다.

FireBase 사용을 위해서는 FireBase 홈페이지로 이동하여 가입 및 설정을 해야합니다.

 

프런트에서 바로 Firebase로 저장할 수 있지만

보이지 않는 백엔드가 제공 됩니다.

 

그래서 파이어베이스는

BAAS backend as a service(백엔드기능을 클라우드 서비스 형태로 제공해주는 것)

이라고 불립니다.

 

비슷한 서비스로

SAAS : Software-as-a-Service(서비스로서의 소프트웨어) 

설치한 적도 없는데 웹에서 서비스해주는 것.

PAAS: Platform-as-a-service(서비스로서의 플랫폼)

컴퓨터를 빌려주는 클라우드 같은 것.

DAAS: Desktop as a Service

데이터베이스를 만들서 제공해주는 것.

BAAS: Backend as a Service

백엔드를 서비스로 제공.

 

등이 있습니다.

 

백엔드가 하는 일은 실제 저장해도

해킹 문제는 없는지와 같이

데이터 검증하는 일입니다.

 

 


 

규모가 큰 프로젝트 라면 유지보수가 쉽지 않고 

관리하기 불편합니다. 따라서

사이즈가 커지면 당연히 백엔드가 있고

거기서 관리해주는 것이 좋습니다.

 

프런트 개발자가 혼자 개발하고 싶은데

백엔드 개발자가 없다면

파이어 베이스를 사용하는 것이 좋습니다.

 

또는, 일반 회사에서 검증되지 않은 서비스에 대해서

일단 파이어베이스로 시험 서비스를 만들어보고

괜찮겠다는 판단이 들면 프런트 개발자는 프런트

백엔드는 백을 개발하여

둘을 연결하고 확장하는 식으로 갑니다.

 

이런식으로

Firebase는 프런트 엔드에서 사용합니다.

 

 


 

설치 명령어.

yarn add firebase

_app.tsx 파일에 복붙하고 

export 처리 및 상수명을 firebaseApp로 설정함.

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: "AIzaSyCVZPgJ_cNAdq0hGhBHfMnnlbdm8m8lGbA",
  authDomain: "bobosite0425.firebaseapp.com",
  projectId: "bobosite0425",
  storageBucket: "bobosite0425.appspot.com",
  messagingSenderId: "456042791102",
  appId: "1:456042791102:web:52f81134da5ac1c0e79eef"
};

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

 

댓글