useContext

• useContext가 왜 필요한가
  • Provider 프로바이더의 자식 컴포넌트에 프롭을 전파할 수 있게 해줌. 프로바이더 안에 감싸진 모든 컴포넌트가 프로바이더의 영향을 받게 된다.
• 어떻게 사용하는가
  • createContext로 생성해준다
  • 상태값을 제어할 수 있는 함수를 정의했다
  • provider로 컴포넌트의 최상위를 감싸서 사용하는데, 프롭을 추가해줘야 한다

• zustand 상태관리 라이브러리

---

Redux

💡 Redux란? 서드파티 상태관리 라이브러리다!

reducers

• 동기적으로 실행된다

actions

actions 안에 reducers가 담겨있다

• payload

store

useDispatch

extraReducer

builder

• addCase 왜 3개를 만드는 걸까?
  • status 3개를 반영하기 위해
    • 대기
    • 이행
    • 거부
• 비동기함수는 실행될 수도 안 될수도 있다

---

Axios

create AsyncThunk

---

JavaScript

• key-value 이름이 동일하다면 생략할 수 있다
  • { count: count, setCountHandler: setCountHandler }
  • 생략버전: { count, setCountHandler }

---

redux-backend 실습

1. npm init
2. npm i express
3. app.use() 미들웨어 사용

---

서버로부터 요청해서 응답을 받을 때 대기 시간이 있다

• 비동기적 구현을 위해,
  isLoading 으로 로딩 중일 땐 true, 완료되었을 때는 false로 수정해준다