210222_TIL

🎄오늘 한 일

---

 

✔️ 1.  React hooks로 장바구니 app(C-market) 구현

• 지난주 배웠던 react hooks 를 실제 간단한 App 을 구현할 때 사용하며 익혀보는 시간을 가졌다.
  함수형컴포넌트들로 app을 구혀낳고 ,useState를 통해 상태를 관리하는 법과 부모 자식간의 데이터를 주고 받는 법을 실제로 사용해보았다. 

✔️ 2. Redux 개념 학습

• Redux는 대표적인 javascript 상태관리 라이브러리로, 기존 컴포넌트 내에서 상태관리를 하던 것을 Store라는 하나의 전역공간에서 모두 관리할 수 있도록 하는 라이브러리이다.
  사실 처음 공부할 때 개념을 받아들이기가 정말 어려웠는데, 화면을 나타내는 UI와 상태가 존재하는 Store를 서로 연결해주는 일련의 과정이라고 생각하고 받아들이니까 점차 익숙해졌다.
  "UI - - ->>  Action - - - >> Reducer - - - >> Store " 가 존재하고,
  UI에 표시되는 state들을 Store에서 받아와서 쓰고 업데이트할 수 있도록 연결해주는 작업이 Redux가 하는 일이라고 생각해보았다.

✔️ 3. Redux를 사용하여 장바구니 App(C-market) 리팩토링

• 오전에 React hooks를 통해 만들어 보았던 장바구니 App을 Redux를 사용해서 리팩토링해보았다.
  확실히 느꼈던 장점은 자식 컴포넌트로 데이터를 넘겨주고 받을 때, 계속해서 props를 통해 내려주었는데, 이러한 혼란을 막을 수 있었다는 점을 느꼈다. 
  아직은 작은 프로젝트여서 상태관리나 Redux가 가지고 있는 확실한 장점을 체감하지는 못하였지만, Redux의 핵심 개념들 (액션, 리듀스, 디스패치, 스토어)등을 실제로 코드로 작성해보니 훨씬 더 Redux가 의미하는 바를 이해할 수 있었던 시간이었다.

 

 

Redux를 사용하여 구현해본 장바구니 App (C-market)