티스토리 뷰

프론트엔드/React

Firebase

yyoujg 2022. 6. 8. 00:09

1) 웹의 동작방식

웹은 요청과 응답으로 굴러간다. 클라이언트가 서버에게 요청, 서버가 클라이언트에게 응답한다.

 

2) 서버가 하는 일

서버는 데이터도 관리, 분산처리, 웹 어플리케이션 등 많은 일을 하고 이를 관리해줘야 한다.

 

3) 서버리스란

서버리스는 서버가 없다가 아니라 서버를 신경쓸 필요가 없다라는 의미이다.

이미 누군가가 구축해둔 서버의 일부분을 빌려서 쓸 수 있다.

필요한 서버를 필요한만큼만 빌려 쓰면 되기 때문에 인프라를 구축하거나 서버 스펙을 고민할 필요가 없다는 의미이다.

 

4) BaaS가 빌려오는 것

BaaS는 Backed as a Service의 약자이다. 흔히 백엔드 하면 떠올리는 것들을 빌려오는 것.

파이어베이스를 예를들면 데이터 베이스, 소셜 서비스 연동(일종의 소셜 로그인), 파일시스템 등을 API 형태로 제공해준다.

 

5) Firebase

  • Firebase 제품 탭에는 많은 기능을 제공하고 있다.
  • firestore는 클라우드 데이터베이스를 제공하는 서비스이다.
  • 데이터가 추가되고, 삭제하고 가져다 쓸 수 있다.
  • 리액트와는 firebase라는 패키지를 통해 편리하게 연결할 수 있다.
  • spark 요금제(무료)

6) Firebase 환경 설정하기

(1) 사이트에서 프로젝트 만들기 버튼 클릭

(2) 프로젝트 이름을 정하고 약관에 동의

(3) 프로젝트 애널리틱스 설정

 

7) Firestore란

Firebase에 포함되어 있는 서비스 중 하나로 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스.

  • Collection: 문서(다큐먼트)의 집합
  • Document: JSON 형식으로 데이터를 저장할 수 있다.

8) Firestore 설정하기

(1) 생성된 프로젝트 클릭

(2) Cloud Firestore 추가

(3) 데이터베이스 만들기 클릭

(4) 보안 규칙 설정

  • test 모드로 해야 localhost에서 firestore로 데이터 요청이 가능하다.

(5) Cloud Firestore 위치 설정

 

9) 대시보드에서 파이어 스토어 데이터 넣기

(1) 콘솔에서 내 프로젝트 → firestore 선택하여 대시보드로 진입

(2) 대시보드에서 컬렉션 시작 버튼 클릭

(3) 컬렉션을 만든다.

(4) 문서ID를 지정하고 필드 값을 넣는다.

 

 

 

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함