[내배캠] 5/29일 31일차

프로젝트 완성!

이것은 따로 프로젝트 시리즈에 read me까지 빠방하게 적어서 올려두겠다.. 일단 기능 구현을 완성시킨것에 자축..

챌린지 반 강의

zustand

오늘 zustand에 대해 배웠다. 한 눈에 봐도 redux보다 사용하기 간단한 느낌이 들었다.

• zustand에서 useStore 여러 값을 꺼낼 때는, 두가지가 있다.

  1. 전부 다 useStore로 하나하나 꺼낸다.
  2. useShallow를 사용해서 구조분해 할당을 한다.

• 비동기 작업이 가능하다.

  등등 적어둔 게 있지만, 복습을 하면서 내용을 다시 정리해야될 것 같다.

context API

• context api 사용법

  1. 만든다 : createContext()
  2. 사용한다 : useContext()
  3. 범위를 지정해 값을 내려준다. <SomeContext.Provider value={value}>{children}</SomeContext.Provider>

컴포넌트 분리하는 기준

1. 반복될 때(재사용해야될때)
2. 너무 많은 내용을 담고 있을 때(가독성이 떨어질 때.)
3. 불필요한 리렌더링을 막아야 할 때

챌린지 반 과제^^

토스트 메세지 만들기

알람? 같이 만드는거, 올라왔다 사라지는

참고로

지금 저번 과제인 memo app 만들고 있다 ㅎㅎ
챌린지 반에서 거의 다 redux를 이미 쓰신 분들이 많아서 나는 배워가며 하느랴 조금 느린 감이 있는 것 같다. 하지만 해보니까 할만하다고 느꼈고 프로젝트를 끝내놓으니 더 수월하게 접근 가능하다. 얼른 끝내고 내일은 toast 메세지 구현에 들어가봐야겠다!