redux

1. Redux Tookit 과 zustand의 비교1-1. 작은 크기 적은 보일러 플레이트redux & rtk의 11.8mb ( minified 30.4 kb 까지)라는 큰 사이즈와 달리 zustand는 1.16kb 라는 압도적으로 작은 크기를 가지고 있습니다.보일러 플레이트의 양이 많은 redux toolkit과는 달리 무척 간단하게 설정하여 사용할 수 있습니다.(예를 들어 rtk은 provider로 감싸야 내부에서 사용할 수 있는 것과 달리 zustand는 그런 코드들이 전혀 필요 없습니다.) 1-2. 낮은 학습 곡선Redux + Redux Toolkit은 Redux의 개념과 셋업 그리고 layer를 어느 정도 알고 있어야 하기 때문에 처음에 사용하기에는 (다른 상태 관리 라이브러리와 비교했을 때 ..

Redux 를 사용하게 되면서 Redux가 Flux 패턴을 사용하고 있다는 것을 알게되었습니다. 프로덕트의 쉽고 깔끔한 개발과 유지보수를 위해 Flux 패턴과 같은 '디자인 패턴'이라는 것이 존재한다는 것을 알게 되었습니다. 알아가는 과정 속에서 MVC 패턴과 Flux 패턴에 대해서 알게 되었습니다. 생소한 개념이라서 흐름을 이해하려면 알 필요성을 느꼈기 때문에 정리해두고자 합니다. 1. MVC 패턴 MVC는 Model, View Controller 의 약자 입니다. 하나의 어플리케이션, 프로젝트를 구성할 때 그 구성 요소를 세 가지 역할로 구분한 패턴입니다. 사용자가 controller를 조작하면 controller는 model을 통해서 데이터를 가져오고 그 정보를 바탕으로 시각적인 표현을 담당하는 v..

1. Redux 흐름 `reducer`: state에 변화를 일으키는 함수 `action`: state를 어떻게 할 것인지 들어있음. UI 컴포넌트에서 action 객체를 만듦. action객체 내부요소로 type와 payload가 있음. action 객체의 payload 에 대해서 ⭐️ 꼭 payload라는 이름을 통해서 보내야하나요? 리덕스는 유연한 라이브러리이기 때문에 많은 것들이 표준화되어 있지 않음. => 유연성 확보 리덕스 공식 문서를 확인해보면 액션은 객체이며 해당 액션이 어떤 기능을 수행해야 하는지 명시하는✔ type이라는 프로퍼티를 반드시 가져야 한다고 나와 있습니다. 아래와 같이 액션 객체에 type 프로퍼티를 추가해 어떤 기능을 수행해야 할지 명시해줍니다. {type: "ADD_NUM..