072DATA

파이어 베이스.. 이 녀석의 사용 설정 본문

BackEnd/DATABASE

파이어 베이스.. 이 녀석의 사용 설정

0720 2024. 7. 19. 19:36

안녕

드디어 데이터 베이스를 다룹니다요

 

들어가기에 앞서  Google Firestore는  데이터가 문서형으로 되어 있고

 

 

 

 

각각 키와 값을 가지고 있어요 데이터도 중첩될 수 있습니당

 

데이터 변경 사항이 실시간으로 클라이언트에 동기화되구요

 

자동으로 확장되며, 대규모 애플리케이션도 지원해용

 

클라이언트 SDK는 오프라인 상태에서도 동작하며,

 

인터넷 연결이 복구되면 데이터가 자동으로 동기화 돼욥

 

강력한 보안 규칙을 설정하여 데이터에 대한 읽기 및 쓰기 접근을 제어할 수 있고

 

FirebaseGoogle Cloud의 다른 서비스와 원활하게 통합된다네욥

 

요약하면 Google FirestoreGoogle Cloud Platform에서 제공하는

 

모바일 및 웹 애플리케이션을 위한  NoSQL 문서형 데이터베이스에요

 

그럼 설명은 끝났고 ㄱㄱ해볼까요~

 

 

파이어베이스 링크 

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

 

Firebase | Google's Mobile and Web App Development Platform

개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.

firebase.google.com

 

 

 

 

 

 

 

 

 

 

 

 

먼저 페이지 상단에 있는 콘솔로 이동 클릭해줍니다.


 

 

 

 

 

프로젝트 만들기 클릭


 

 

 

 

 

 

프로젝트 이름 지정해주고 국가는 대한민국으로 선택해요 


 

 

 

프로젝트를 만들면 메인에 나오는 웹앱 선택해줍니다 (화면의 v체크가 된 버튼)


 

 

 

앱의 닉네임도 정해줍니당


 

 

 

스크립트 태그를 사용하고 콘솔로 이동해줘요


 

 

 

 

 

 

 

 

 

왼쪽 메뉴바에서 파이어스토어 데이터베이스 선택한 뒤에

 

이미지처럼  설정하고 데이터 베이스를 만들어 주세요


 

 

 

데이터 베이스에 들어간 뒤에 규칙 버튼 클릭 후에 아래로 스크롤 하면 

 

구성 체크박스 버튼이 있습니다 클릭하세요^^


 <script type="module">
 </script>

 

 

IDE에서 스크립트 타입을 모듈로 지정해 줍시다

 

 

규칙안에 있는 코드 카피 버튼 눌러서 복사하세요

 

      // 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 = {
        apiKey: "모르겠찌",
        authDomain: "모르겠찌",
        projectId: "모르겠찌",
        storageBucket: "모르겠찌",
        messagingSenderId: "모르겠찌",
        appId: "모르겠찌",
        measurementId: "모르겠찌",
      };

 

 

 

파이어베이스 임포트 하고 자신의 컨피그 파일도 넣어줍시다 그러면 설정 끝!


 

 

마무리

 

파이어스토어 데이터베이스를 만들고 설치하는 방법을 아주 간단하게 정리해 보았다

 

클라우드 기반의 데이터베이스를 처음 접해보아서 신기한 것들이 많은데

 

처음 배우는 만큼 머리속에 꽊꽊 채워 넣어서 공부 해봐야겠다 가즈아!

'BackEnd > DATABASE' 카테고리의 다른 글

ERDCloud 사용법 (팀 프로젝트, ERD 생성)  (2) 2024.10.11
나만의 추억 앨범 만들기 - 데이터베이스 활용( Firestore Database )  (2) 2024.07.23
2023-11-20 : (  (1) 2023.11.20
2023-11-17 : l  (0) 2023.11.17
2023-11-16 : )  (0) 2023.11.17