Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기

JavaScript의 설치 및 설정

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

Firebase 실시간 데이터베이스는 클라우드 호스팅 데이터베이스입니다. 데이터는 JSON으로 저장되며 연결된 모든 클라이언트에 실시간으로 동기화됩니다. Android, Apple 플랫폼 및 JavaScript SDK를 사용하여 플랫폼 간 앱을 빌드하면 모든 클라이언트가 하나의 실시간 데이터베이스 인스턴스를 공유하고 자동으로 최신 데이터로 업데이트를 받습니다.

전제 조건

아직 설치하지 않았다면 Firebase JS SDK를 설치하고 Firebase를 초기화 합니다.

데이터베이스 생성

  1. Firebase 콘솔실시간 데이터베이스 섹션으로 이동합니다. 기존 Firebase 프로젝트를 선택하라는 메시지가 표시됩니다. 데이터베이스 생성 워크플로를 따릅니다.

  2. Firebase 보안 규칙의 시작 모드를 선택합니다.

    시험 모드

    모바일 및 웹 클라이언트 라이브러리를 시작하는 데 적합하지만 누구나 데이터를 읽고 덮어쓸 수 있습니다. 테스트 후 Firebase 실시간 데이터베이스 규칙 이해 섹션을 검토하세요.

    웹, Apple 또는 Android SDK를 시작하려면 testmode를 선택하십시오.

    잠금 모드

    모바일 및 웹 클라이언트의 모든 읽기 및 쓰기를 거부합니다. 인증된 애플리케이션 서버는 여전히 데이터베이스에 액세스할 수 있습니다.

  3. 데이터베이스 위치를 선택합니다.

    데이터베이스 위치에 따라 새 데이터베이스의 URL은 다음 형식 중 하나가 됩니다.

    • DATABASE_NAME .firebaseio.com ( us-central1 데이터베이스용)

    • DATABASE_NAME . REGION .firebasedatabase.app (다른 모든 위치의 데이터베이스용)

  4. 완료 를 클릭합니다.

실시간 데이터베이스를 활성화하면 Cloud API Manager 에서 API도 활성화됩니다.

실시간 데이터베이스 규칙 구성

실시간 데이터베이스는 데이터 구조화 방법, 인덱싱 방법, 데이터를 읽고 쓸 수 있는 시기를 정의할 수 있는 선언적 규칙 언어를 제공합니다.

실시간 데이터베이스 JS SDK 추가 및 실시간 데이터베이스 초기화

JavaScript SDK를 초기화할 때 실시간 데이터베이스 URL을 지정해야 합니다.

Firebase 콘솔실시간 데이터베이스 섹션에서 실시간 데이터베이스 URL을 찾을 수 있습니다. 데이터베이스 위치에 따라 데이터베이스 URL은 다음 형식 중 하나가 됩니다.

  • https:// DATABASE_NAME .firebaseio.com ( us-central1 데이터베이스용)
  • https:// DATABASE_NAME . REGION .firebasedatabase.app (다른 모든 위치의 데이터베이스용)

다음 코드 스니펫을 사용하여 SDK를 초기화합니다.

Web version 9

import { initializeApp } from "firebase/app";
import { getDatabase } from "firebase/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

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


// Initialize Realtime Database and get a reference to the service
const database = getDatabase(app);

Web version 8

import firebase from "firebase/app";
import "firebase/database";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
  // The value of `databaseURL` depends on the location of the database
  databaseURL: "https://DATABASE_NAME.firebaseio.com",
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Realtime Database and get a reference to the service
const database = firebase.database();

Firebase 실시간 데이터베이스를 사용할 준비가 되었습니다!

다음 단계