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

Firebase / Firestore 설정https://duckgugong.tistory.com/206위 링크에 들어가서 Firebase / Firestore를 설정한 후에 Firestore에 원하는 데이터를 추가하자.나는 Firebase 프로젝트의 이름을 duckgugong-react, collection의 이름을 bucket, document의 이름을 bucket_item으로 만들고 field를 completed, text로 만들었다.React에 Firebase 연동하기Firebase를 연동할 리액트 프로젝트를 열고 아래 명령어를 입력하자.yarn add firebaseconfig를 가져오기 위해 src 폴더 하위에 firebase.js 파일을 만들고 아래 코드를 붙여넣자.firebase.js//fi..

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