1.1 Firebase Setup

아리·2020년 10월 20일
0
post-thumbnail

노마드코더의 트위터 클론 강의 내용을 바탕으로 진행되었습니다.

🤔 먼저, Firebase는 언제 사용해야 하는가?

Firebase를 사용 할 때 좋은 점

Firebase는 아주 빠르게 무언가를 시작할 수 있도록 도와준다. (Authentication, Database, file upload..)

Firebase를 사용 할 때 알아 두어야 할 점

  1. 실제로 서비스 할 어플리케이션을 계획 중이라면, 고민해볼 필요는 있다.
    (노마드코더에서 말한 걸로는 구글과 결혼 하는 것과 같을수 있다고..)
    우리가 Auth, Database.. 를 소유하고 있지는 않기 때문에 원하는 모든 것을 입맛대로 정의 할 수는 없을 것.
  2. 무료가 아니다. (물론 어느 정도까지는 무료이며, Firebase에서 정해놓은 선 이후에는 유료로 전환 될 수 있다는 점)

등등 여러 가지 검색하면 나오는 정보들이 많은 것 같으니, 사용하기 전에 알아두면 좋을 듯 합니다.

Firebase 사용하기

프로젝트 생성

1. https://firebase.google.com/ 에 들어가서 로그인 후 시작하기, 프로젝트 추가
2. 단계별로 진행을 하면된다. (프로젝트 이름, Firebase 프로젝트를 위한 Google 애널리틱스 사용여부)
3. 프로젝트가 생성되고 나면, iOS, Android, Web 앱 중 하나를 선택 후 App 이름을 적는다.
4. Firebase SDK 추가는 CDN, 모듈번들러 방식 등이 있으며, 모듈 번들러 방식으로 진행한다.
(자세한 방법은 Firebase SDK 추가 및 Firebase 초기화 페이지에 들어가 확인 해보면 사용법이 나와있다.)
npm install --save firebase
5. firebaseConfig 를 복사해 파일을 만들어 저장해두며, firebase 에서 필요한 부분을 import 하는 방식으로 진행한다.
//fbase.js
import * as firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";
var firebaseConfig = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: ""
}
//Initialize Firebase
firebase.initializeApp(firebaseConfig);
profile
프론트엔드 🌱

0개의 댓글