05-28-2022 TIL(Firebase, Redux)

0. Firstbase Redux와 통신

firebase는 데이터를 저장, 수정 및 삭제하는 서버, firebase와 redux를 연결하여 서로 통신하게끔 한다.
firebase에 데이터를 가져올 때 모든 서버에서 데이터를 가져오려면 비동기 통신을 해야한다.
firebase에 데이터를 가져오고 redux에 처리할 수 있게 하는 middleware가 필요하다

npm i redux-thunk

store에 middleware를 추가해준다.
firebase 통신 함수 collection, doc, getDoc, getDocs, addDoc, updateDoc, deleteDoc 등이 있다.

또 firebase랑 통신하는 부분을 함수로 만들어야 한다. 여기서 서버에서 데이터를 가져오기 때문에 비동기 통신을 해주는데 promise를 사용하지만 요즘은 async, await 를 사용한다.

4주차 과제는 거의 다 완성해가는데 firebase와 통신이 어렵게 느껴진다.