파이어베이스(firebase)란? 파이어베이스 사용법

파이어베이스(Firebase)란?

파이어베이스(Firebase)는 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼이다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와준다

 

쉽게 설명하면,

 

1) 파이어베이스는 웹 서버를 대신 만들어주는 서비스

2) 서버 개발 없이 제작 가능

3) 백엔드 코드 한 줄 없 프론트지식(HTML, CSS, JS)만 알아도 웹  서비스 출시 가능

 

 

개발코드 1. 서버로 데이터를 전송하는 코드 (프론트엔드에서 작성)

개발코드 2. 데이터를 받으면 데이터베이스에 저장하는 코드(파이어베이스에서 작성)

 

 파이어베이스 로그인

https://firebase.google.com/?hl=ko

1. 위 사이트 접속 후 로그인

2. 구글 로그인 후 콘솔로 이동

3. 프로젝트 만들기 클릭

4. 프로젝트 생성

 

5. 웹으로 선택 후 진행

6. 웹 앱에 Firebase 추가

7. 파이어베이스 코드 가져오기

 

 

 데이터베이스 개념 이해하기

 

데이터베이스는 데이터를 저장하고 여러 사람들이 관리하는 데이터의 모음

데이터를 잘 찾기 위해 존재한다.

 

데이터베이스를 사용하면 정보를 쉽게 찾고 업데이트할 수 있고, 많은 양의 정보를 효율적으로 관리할 수 있다. 그래서 많은 조직과 기업들이 데이터베이스를 사용하고 있다.

 

종류

 

각각의 데이터베이스 유형은 다른 용도오 장단점을 가지고 있다. 데이터의 구조와 요구 사항에 맞춰서 적절한 데이터베이스 유형을 선택하는 것이 중요.

 

 

Firebase Database  시작하기

 

파이어스토어란?

 

파이어스토어는 구글 클라우드 기반 NoSQL 데이터베이스이다.

데이터베이스 서비스로, 데이터를 저장하고 관리할 수 있는 기능을 제공한다.

 

용어정리

 

• 컬렉션(Collection): 서랍장 그룹이라고 생각해봅시다. 여러 개의 문서들이 특정한 주제 또는 유형으로 그룹화되어 있습니다. 예를 들어, “albums"이라는 컬렉션 안에는 문서들이 저장될 수 있습니다.
• 문서(Document): 서랍장 안에 들어있는 작은 종이로 생각해봅시다. 하나의 종이는 여러 개의 필드(Field)로 구성되어 있습니다. 필드는 종이에 저장된 데이터를 나타냅니다.
• 필드(Field): 문서 안에 있는 데이터의 작은 부분입니다. 각 필드는 값으로 구성됩니다. 예를 들어, 사용자 문서의 필드로는 "내용", "날짜", "이미지주소", “제목” 등이 있을 수 있습니다.
•  

 파이어스토어 시작하기

 

빌드에서 Fire Database 선택

데이터베이스 만들기 클릭

프로덕션 모드에서 시작하기 클릭

Cloud Firestore위치는 Seoul로 설정

 

 

규칙 클릭

 

false->true로 변경 후, 게시 클릭

 

파이어코드 세팅 코드 넣기

// Firebase SDK 라이브러리 가져오기

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";
import { getFirestore } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
import { collection, addDoc } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
import { getDocs } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js"; /

/ Firebase 구성 정보 설정
const firebaseConfig = {
  본인 설정 내용 채우기
};

// Firebase 인스턴스 초기화
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

 

데이터 추가 

$("#id").click(async function () { l
   et doc = {};   
   await addDoc(collection(db, "콜렉션이름"), doc);
})

 

데이터 읽기

let docs = await getDocs(collection(db, "콜렉션이름"));
docs.forEach((doc) => {
  let row = doc.data();
  console.log(row);
});

 

 

TIL

 

예전에 혼자 공부한다고 딱 한번 써본 적 있는데 다시 보니 또 새롭다. 그때는 좀 어렵게 느껴졌는데 확실히 적으면서 다시 리마인드를 하니 머릿속에 더 잘 정리가 되는 느낌이다.