📌
프로젝트 생성하기
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는 공식 문서가 잘 되어있어서 내가 사용하고자 하는 내용을 찾아 참고하면 쉽게 사용할 수 있다.
'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 |