[TIL] 21.11.23 개인프로젝트 리덕스 사용해보기

오전 9시 팀원들과의 회의에서 팀 과제에 대해 이야기했다 

하루에 한문제씩 팀 문제를 풀고 금요일까지 개인적으로 최소 2개 이상의 DIY를 작성해오기로 했다

회의가 끝나고 개인과제를 시작했는데 강의를 2번 정도 보고 나니 리덕스의 사용법을 조금  알 수 있었다 .리액트 훅이 아직 많이 부족하다는걸 느껴서 내일 중으로 훅에 대해서 정리를 한번 해봐야겠다

그래도 리덕스는 너무 어려워... 

 

---

팀 과제 1번 문제 

Q1. 컴포넌트 A는 리덕스 스토어를 구독하고 있습니다. 리덕스에 저장된 데이터가 변경되었을 때(A가 구독 중인 값이 변경되었다고 가정합니다.), 어떤 과정을 거쳐 컴포넌트 A가 변경된 값을 가져올 수 있는지 흐름을 그려볼까요

 

• 스토어 - 데이터 저장하는곳
• 리듀서 - 데이터를 실제로 수정되는 공간

 

흐름도 순서 

1. A Component에서 Store에 있는 구독 중
2. A Component에서 Action dispatch
3. Reducer에서 새로운 상태 값을 만든다(실제 data 수정이 일어난다)
4. 변경된 새로운 상태 값은 Store 저장된다
5. Store에서 구독 중인 Component에 수정된 데이터를 넘겨준다(알려준다)
6. A Component re-rendering
7. DOM에 변경된 data 확인

---

개인 과제 

https://suinchoi.tistory.com/24

[Redux] MY DICTIONARY(내 사전) 만들기