NYchicken's blog ;

이제 Redux-toolkit 를 사용해보자. Redux 를 안쓰는 이유는 Redux 외에도 Redux-actions 나 Redux-thunk 등등.. 설치할게 추가적으로 많다고 한다. 깔끔하게 하나만 사용하기 위해 그리고 최신 라이브러리 사용을 위해 ^^ Redux-toolkit 를 써보려고 한다. * 만약 기존 프로젝트에 Redux 가 설치되어있다면 삭제하고 깔아도 무방! Redux 설치/셋팅하기 1. 일단 설치하자 # NPM npm install @reduxjs/toolkit # Yarn yarn add @reduxjs/toolkit 2. store.js 파일을 생성하자 그리고 상태관리할 state 를 선언하자~ import { configureStore, createSlice } from "@re..

redux 는 간단하게 상태관리를 도와주는 라이브러리다. 기본적으로 React 에서는 자식컴포넌트 간의 직접적인 데이터 전달은 불가능하다. 컴포넌트가 많아지면 상위에서 하위로 데이터를 보내줄 때 수많은 props 를 거쳐야 할텐데 이렇게 되면 상태관리가 굉장히 복잡 해지게 된다. -> 이걸 Props drilling 이슈 라고 한다 Redux 를 사용하게 된다면 전역으로 상태를 관리해주는 저장소를 제공 받을 수 있다. 어디서든 저장소에 접근해 상태관리를 할 수 있다는 뜻이다! Redux 기본 개념 🧬 액션 (Action) 상태를 업데이트하는데 필요한 정보를 담은 객체다. action 객체는 반드시 고유한 type 프로퍼티를 가져야하며, 이 값은 action 의 이름이다. 🧬 액션 생성 함수 (Action..