항해 99 38일차 : 리덕스 구조를 이제서야 알아차린다.

리액트를 쓰면서 리덕스는 뭔지 어렴풋이 알더라도 내 손으로 코드를 구현하는거는 헤매서 쥐약 같은 것이었는데(메타인지의 정의에서 정말 안다는 기준은 말로 바로바로 설명을 해서 남이 내 머릿속에 있는 것과 같은 것을 상상하게 하는 것이다. 프로그래밍에서는 내손으로 구현이 가능한가도 그 기준에 포함된다), 클론코딩주차부터는 리덕스를 꼭 이해하고 가야 해서 각잡고 코드를 보고 구글링으로 개념도를 찾으면서 이제서야 이해를 조금씩 하게 되었다. 

코드들을 보면서 설명하고 싶지만, 과제로 급한 마음에 시간내서 쓰기는 어려우니 개념도를 첨부한다. 나처럼 리덕스 이해에 애를 먹는 사람이 있다면 리덕스 모듈 파일과 컴포넌트 파일을 보면서 dispatch가 왜 이 컴포넌트에 나오고 useState가 왜 여기 나오는지 등등을 개념도를 보고 생각해보면 이해가 될 것이다. 나는 그렇게 이해했다. 

출처 : https://streamls.tistory.com/185

출처 : https://medium.com/devsoonote/reactjs-%EB%B8%94%EB%A1%9C%EA%B7%B8%EC%97%90-redux-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0-1-1cd4c2593c18

출처 : https://wooder2050.medium.com/%EB%A6%AC%EB%8D%95%EC%8A%A4-redux-%EB%8A%94-%EC%99%9C-%EC%93%B0%EB%8A%94-%EA%B1%B4%EB%8D%B0-2eaafce30f27

출처 : https://im-developer.tistory.com/158

 

 

출처 : https://velog.io/@shin6403/Redux-Redux%EC%95%BC-%EB%84%88%EB%8A%94-%EB%88%84%EA%B5%AC%EB%8B%88Part.1

출처 : https://im-developer.tistory.com/158

맨밑의 개념도를 잘 이해하면 어느 컴포넌트에서 dispatch나 useState를 쓰는지 감이 올것이다. 2주만에 5주짜리 리덕스 기본 수업이랑 5주짜리 심화수업을 몰아서 듣다보니 저런 흐름을 인지하지 못했었다. 더구나 자바스크립트는 리덕스를 시작하면서 같이 시작하다시피 했으니, 모르는게 많은 자바스크립트 문법까지 이해하면서 하려니 머리에 안 들어 올 수밖에. 자바스크립트는 파이썬이랑 같이 공부해왔어야 하는건데 후회가 막심. 그래도 지금이라도 하나씩 머리에 들어오니 다행이라서 난 역시 운이 좋은 놈이다.

 

어쨌든 맨밑의 개념도를 잘 이해하면 리액트-리덕스를 쓰는데 큰 장애물 하나를 넘는 것이다.