목록파이어베이스 (3)

홍준혁

파이어베이스 X 리액트 - CRUD구현(2)

이제 수정&삭제 기능을 만들어보겠다. 파이어 베이스에서 수정&삭제는 진짜 정말 굉장히 쉽다. 참고할 공식 docs는 firebase.google.com/docs/reference/js/firebase.firestore.DocumentReference#update DocumentReference | JavaScript SDK | Firebase Reference for DocumentReference firebase.google.com firebase.google.com/docs/reference/js/firebase.firestore.DocumentReference#delete DocumentReference | JavaScript SDK | Firebase Reference for DocumentRef..
파이어베이스 2021. 1. 20. 22:20
파이어베이스 X 리액트 - CRUD구현(1)

오늘은 파이어 베이스에서 CRUD를 구현해볼 것이다. 먼저, 클라우드 파이어스토어라는 것을 만들어줘야 한다. 이것이 우리가 사용할 데이터베이스이다. test모드로 데이터베이스를 생성해주면 이제 리액트에서 파이어 베이스를 사용할 준비가 되었다. import 'firebase/firestore'; 모듈을 불러와주고, export const dbService = firebase.firestore(); 다른 컴포넌트에서 접근할 수 있게 export를 해준다. 그러면 이제 우리가 의지해야하는것은 공식 docs인데, 공식 Docs에 데이터 추가 및 관리 부분에서 데이터 추가 부분을 보도록 하겠다. 그러면 이렇게 예제코드가 나온다. 위 코드를 해석해보자면, cities 하는 컬렉션을 만들고 그 안에 LA라는 doc을..
파이어베이스 2021. 1. 20. 15:11
파이어베이스 X 리액트

오늘은 파이어 베이스를 이용해서 간단한 리액트와의 연동 예제를 보여주도록 하겠다. -본 글은 리액트 프로젝트와 파이어베이스 프로젝트를 생성했다는 가정하에 진행한다. 콘솔 창에 npm install firebase 를 해주자. 그다음에 src디렉터리에 firebase.js이라든지 fbase.js라든지 자기가 알아볼 수 있을법한 파이어 베이스 파일을 만들어 주도록 하자. 먼저 firebase.js에 import firebase from 'firebase/app'; 를 해주고, 그 다음 파이어 베이스의 config를 initialize 해주기 위해 저기 firebaseConfig라는 값을 복사하고 아까 만든 firebase.js에 붙여 넣기 해준다. 그다음에 firebase.initializeApp(fireb..
파이어베이스 2021. 1. 18. 10:03
Prev 1 Next