📌
Firebase | Google’s Mobile and Web App Development Platform
개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.
firebase.google.com
프로젝트 생성하기
1. 로그인을 한 뒤 Go to console 을 클릭해 내 console로 이동한다.
2. 프로젝트 추가를 클릭한다.
3. 프로젝트 이름을 입력하고 계속 버튼을 누른다.
4. 계속 클릭!
5. 프로젝트 만들기 클릭하여 프로젝트 생성완료
Realtime Database
1) Realtime Database란?
Firebase에서 제공하는 실시간 데이터베이스 서비스로 클라우드 기반으로 호스팅 되며, 웹 및 모바일에서 사용할 수 있다. 또한 실시간으로 데이터를 동기화하고 업데이트할 수 있는 NoSQL 데이터 베이스이다.
2) Realtime Database 특징
- JSON 형식으로 데이터를 저장한다.
- 실시간으로 데이터의 변경 사항을 연결된 모든 클라이언트에 전송한다. 즉, 데이터베이스에 있는 데이터가 변경되면 클라이언트에 즉시 반영된다.
- 실시간 채팅, 실시간 위치 등과 같은 실시간으로 업데이트 되어야 하는 프로젝트에 사용할 수 있다.
- firebase SDK를 사용하여 데이터베이스의 규직을 정의한 뒤 데이터의 읽기, 쓰기 권한을 관리할 수 있다.
- 클라이언트 상태가 오프라인일 때에도 데이터를 캐시하고 변경 사항을 기록하여 사용할 수 있다.
💡 Realtime Database를 통해 서버를 따로 관리하지 않고도 실시간 데이터베이스를 구축할 수 있다.
Realtime Database 사용하기
1. 빌드에서 Realtime Database를 클릭한다.
2. 데이터베이스 만들기를 클릭한다.
3. 데이터 베이스 설정을 해주는데 실시간 데이터베이스 위치는 내가 위치한 나라에서 가장 가까운 나라로 해준다. → 한국의 경우 싱가폴!
4. 데이터 베이스를 누가 읽을 수 있고 쓸수있는 규칙이 있는데 일단은 테스트 모드를 클릭하고 사용설정(enable)을 눌러준다.
5. 생성완료! → 데이터가 아무것도 없는것을 확인할 수 있다. 데이터를 업데이트하면 이곳에 객체 형태로 저장됨.
내 프로젝트에서 Firebase 사용하기
1. 프로젝트 개요(project overview)로 와서 “웹”을 클릭해준다.
2. 어플리케이션의 닉네임을 정해주고 앱 등록을 눌러준다. → 파이어베이스에서 호스팅할거라면 체크를 해주고 아니라면 체크를 안해줘도 된다.
3. 안내에 따라 설치하고 필요한 데이터를 import 해주면 된다.
공식문서 참고하기
firebase는 공식 문서가 잘 되어있어서 내가 사용하고자 하는 내용을 찾아 참고하면 쉽게 사용할 수 있다.
빌드 문서 | Firebase 문서
Firestore 소개 Cloud Firestore는 글로벌 규모의 모바일 및 웹 앱용 데이터의 저장, 동기화, 쿼리를 간소화하는 NoSQL 문서 데이터베이스입니다. 클라이언트 라이브러리는 실시간 동기화와 오프라인 지
firebase.google.com
JavaScript 프로젝트에 Firebase 추가
의견 보내기 JavaScript 프로젝트에 Firebase 추가 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 가이드에서는 웹 앱에서 또는 최종 사용자의 액세스를 위한
firebase.google.com
API Reference | Firebase JavaScript API reference
The Firebase JavaScript SDK implements the client-side libraries for applications using Firebase services.
firebase.google.com
Firebase 문서
Google I/O 2022에서 Firebase의 새로운 기능을 확인하세요. 자세히 알아보기 의견 보내기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. filter_list 필터링 기준 모
firebase.google.com
'Front-end > etc' 카테고리의 다른 글
Mock Service Worker(MSW)로 API 목킹하기(feat.React) (0) | 2024.03.22 |
---|---|
Firebase로 회원가입 & 로그인 기능 구현하기 - Authentication (0) | 2024.03.19 |
포스트맨(Postman)으로 API 테스트 하기 (0) | 2024.03.16 |
유튜브(Youtube) API - Key 발급받기, 사용하기 (0) | 2024.03.14 |
프리텐다드(Pretendard) 폰트 적용하기 (0) | 2024.03.05 |