[슈퍼코딩] 74-2강 리덕스 정리

Firebase 데이터베이스에 연동하여 장바구니 데이터를 데이터베이스에 저장하고 불러오기

1. Firebase 데이터베이스에서 데이터를 불러오기

2. Firebase데이터베이스에 데이터를 저장하기

장바구니 데이터 저장하고 불러오는 것까지 하기 지금 백엔드가 없으니까

각각의 방법을 다 해본다함

방법1. 컴포넌트 안에서 side-effect 로직 및 비동기 로직을 처리하기
e.g. useEffect()

방법2. Redux의 action.creator안에서 side-effect 로직 및 비동기 로직을 처리하기 e.g. redux-thunk

cart 바뀔 때마다 보내는 요청을 useEffect()안에 로직 적어준다.
우리가 익숙한 fetch api를 써주겠다는데

    useEffect( () => {
   fetch()
}, [cart])


만약 fetch 함수가 Firebase와 연결되어 있다면, 일반적으로 그것은 Firebase에 있는 데이터를 가져오는 데 사용될 것입니다. Firebase는 클라우드 기반의 백엔드 서비스이며, 실시간 데이터베이스와 클라우드 스토리지 등 다양한 기능을 제공합니다.

fetch 함수의 구체적인 구현은 코드에서 확인할 수 있겠지만, Firebase와의 통합에서는 Firebase SDK를 사용하여 데이터를 가져오는 것이 일반적입니다. 이 SDK를 사용하면 데이터베이스에서 데이터를 쿼리하거나 실시간으로 업데이트를 수신할 수 있습니다.

 

 

✅쇼핑카트에 담아놨는데 새로고침했는데 다 사라지면 진짜 화나잖아 안 사라지게 기능 구현

 

요청을 하나하나 다 컴포넌트에 넣으면 
컴포넌트 뚱뚱해져서 오류 잡아낼 때 굉장히 피곤해지게된다고함.