리액트 기초/Firebase

React & Firebase 데이터 추가/수정/삭제

React & Firebase 연동 데이터를 추가, 삭제하기 전에 아래를 참고해서 Firebase와 Firestore를 연동하자. https://duckgugong.tistory.com/206 Firebase/Firestore 설정하기 Firebase? Firebase는 서버리스 서비스 중에 하나이다. Baas 중에 하나라고 표현할 수 있다. Baas는 는 Backend as a Service의 약자이다. → 우리가 흔히 백엔드 하면 떠올리는 것들을 빌려오는 것이다. Firebase duckgugong.tistory.com Firestore 데이터 수정하기 (set/add/update/delete) 여기를 클릭해서 공식문서를 확인해보자! 아래처럼 데이터를 넣어놨다고 가정하자. 문서 추가하기 (set) s..

React & Firebase 연동하기/데이터 가져오기

Firebase / Firestore 설정 https://duckgugong.tistory.com/206 Firebase/Firestore 설정하기 Firebase? Firebase는 서버리스 서비스 중에 하나이다. Baas 중에 하나라고 표현할 수 있다. Baas는 는 Backend as a Service의 약자이다. → 우리가 흔히 백엔드 하면 떠올리는 것들을 빌려오는 것이다. Firebase duckgugong.tistory.com 위 링크에 들어가서 Firebase / Firestore를 설정한 후에 Firestore에 원하는 데이터를 추가하자. 나는 Firebase 프로젝트의 이름을 duckgugong-react, collection의 이름을 bucket, document의 이름을 bucket_..

Firebase/Firestore 설정하기

Firebase? Firebase는 서버리스 서비스 중에 하나이다. Baas 중에 하나라고 표현할 수 있다. Baas는 는 Backend as a Service의 약자이다. → 우리가 흔히 백엔드 하면 떠올리는 것들을 빌려오는 것이다. Firebase는 realtime-database인 firestore와 Hosting(서버 없이 웹 서비스를 배포할 수 있도록 도와주는 서비스)을 제공하는데 이 둘을 사용해보자. 또한, 데이터 베이스, 소셜 서비스 연동(소셜 로그인 등), 파일 시스템 등을 API 형태로 제공해준다! 여기를 클릭해서 Firebase 사이트를 구경해보자! Firebase 설정하기 여기를 클릭해서 firebase 홈페이지에 접속 후 시작하기 버튼을 클릭한다. 프로젝트 만들기 클릭. 프로젝트의 ..