Redux-Toolkit

리덕스를 사용해본적은 있지만 Redux-toolkit과 Typescript를 접목시켜서 어떻게 사용하는지에 대한 공부를 하려고한다.JavaScript 전역 상태를 관리하는데 도움을 준다.https://dexlock.com/blog/react-state-mana

업로드중..핸드폰에 따른 갯수와 계산된 값을 상태관리하는 간단한 앱을 만들면서 Redux-Toolkit 사용법을 익히는 것을 목표로 한다.@reduxjs/toolkit은 Redux를 편리하게 사용할 수 있도록 여러 개의 라이브러리를 포함하는 패키지이다. 이 패키지는 R

전역에서 상태를 저장할 곳을 만든다store.js 생성configuerStore함수를 사용하여 Redux Store를 생성한다.reducer 옵션은 나중에 추가될 리듀서(reducer)함수들을 포함하는 곳이다.React 애플리케이션에서 Redux 스토어를 사용할 수 있

react-redux의 useSelector 훅을 사용하여 Redux의 store의 값을 가져올 수 있다.CartContainer.jsCartContainer 컴포넌트에서 useSelector를 사용하여 store에 접근하여 cart상태 값을 가져온다.

Reducer Reducer는 현재 상태와 액션을 받아서 새로운 상태를 반환하는 순수함수이다. Redux에서 상태의 변화를 처리하며 불변성을 유지하면서 상태를 업데이트해야 한다. 예시 clearCart 라는 장바구니를 비우는 리듀서를 추가 Action Actio

async functionality with createAsyncThunk Redux Toolkit 의 createAsyncThunk를 사용하여 비동기 기능를 처리하는 방법을 알아보고자 한다. createAsyncThunk createAsyncThunk는 비동기 작업