이전 포스팅에서 redux를 간단하면서 의사코드 수준을 구현하면서 설명한적이 있다. 매번 리덕스를 사용할 때마다 action, dispatch, reducer 등등 용어부터 햇갈리면서 그 흐름 역시 파악하기 쉽지 않았는데, 구현 경험을 토대로 좀 더 리덕스에 가까워진 느낌을 받았었다. 이후 리덕스의 사용 시간을 점차 늘려나가면서 코드적으로도 익숙해지고 있는 중이다. 리덕스를 구현해보면서 느낄 수 있었던 점 중 또 하나는 리덕스는 동기적인 흐름이라는 점이다. dispatch 를 통해 실행된 reducer 는 순수함수이기에 동기적이다. 즉, 상태값에 대한 예상된 결과값을 도출하기가 쉽다는 장점이 있다. 하지만 서버와의 연결 등 비동기적으로 상태값을 변경해야할 상황이 많이 있다. 아무리 좋은 원격 상태관리이념..
redux 는 간단한 로직에서 출발했다고 하는데... 리엑트 를 한번 간략하게 구현해보았으니, 이번에는 리덕스를 구현해보는 경험을 가져보고자 하였다. 구현이라고 해봤자 아주 간략하게 이러한 원리와 흐름으로 리덕스가 구현되었구나 정도를 파악하고자 하는것이고, 앞으로 리덕스를 사용함에 있어 리덕스의 flow 를 이해할 수 있지 않을까 하는 기대감이 있다. 실제로 리덕스는 npm trend 에서 알 수 있듯이 아직 많은 사람들이 사용하고있는 대표적인 상태관리 라이브러리이다. 이 외 recoil, mobx 등 많은 상태관리 라이브러리도 그 시작점은 리덕스라 해도 무관할 것 같다. 길어지는 코드가 싫지만 그래도 Redux를 사용했던 이유 처음 리덕스를 사용할 때, 외부에 store 를 생성하고, 거기에 또 dis..
1. 발생 계기 기존 프로젝트에서 새로 redux 를 세팅하는 과정에서 발생하였다. 2. 탐구해본 원인 타입에러로서 store.getState 는 함수가 아니라고 한다.. 무슨 소리지. 일단 store.getStore가 어디서 나온건지 알수 없었고, 다만 store 라는 부분을 봐서 이와 연관된 부분에서 오류가 난것인가 생각이 들었다. 그래서 redux 에서 store 를 다루는 부분의 코드들을 다시 점검해보았다. 3. 해결 과정 우선 stores 폴더에 configurStore.js 를 살펴보았다. 함수 configureStore 는 반환값으로 store 를 생성한다. 그 다음 전체 컴포넌트에 store 를 적용시키기 위해 셋팅했던 index.js 를 살펴보았다. 전체 컴포넌트를 Provider 로 감..
