Firebase 기본 셋팅

최영진·2023년 1월 2일

Firebase

목록 보기

2/6

Firebase 기본 셋팅

1. Firebase console 로 진입

https://console.firebase.google.com/

2. 새 프로젝트 생성

새 프로젝트 생성 클릭 후 프로젝트명,

애널리틱스는 자유. 나는 끔.
상업용웹사이트 생성시 유용한 애널리틱스.

그 후 생성 완료.

3. 앱에 등록하기

안드로이드, ios, 웹 순서

웹이라고 되어있지만 js 언어 사용시 웹 클릭!
(react-Native 사용시 js 를 사용한다면 웹을 클릭!)

앱 닉네임 설정 후 앱 등록!

4. 코드와 연결시키기

1. React

npm install firebase // dependencies 저장시 뒤에 ' --save' 추가

.firebase.js

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";

// 아래 데이터는 본인의 Firebase 프로젝트 설정에서 확인할 수 있습니다.
const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
};

// Initialize Firebase
export const app = initializeApp(firebaseConfig);
export const dbService = getFirestore(app);  // fireStore 이용을 위한 변수!