티스토리 뷰
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를 지정하고 필드 값을 넣는다.
'프론트엔드 > React' 카테고리의 다른 글
FireStore 데이터 (0) | 2022.06.08 |
---|---|
리액트에 Firebase 연동하기 (0) | 2022.06.08 |
회원가입 구현하기 (feat. firestore) (0) | 2022.06.07 |
자바스크립트 스크립트 등록하기 (0) | 2022.06.06 |
네트워크 요청 2 - Fetch API와 Axios (0) | 2022.06.06 |
- Total
- Today
- Yesterday
- 불변 객체
- 느슨한 타입(loosely typed)
- findindex
- 기본형 데이터
- undefined
- 비교 연산자
- filter
- null
- foreach
- find
- 타입변환
- redux-thunk
- 참조형 데이터
- EVERY
- redux middleware
- some
- redux-middleware
- map
- 얕은복사
- 동적(dynamic) 언어
- redux thunk
- redux
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |