Redux (3) 썸네일형 리스트형 [Redux] Redux Toolkit(React) : 상태관리 Redux Toolkit Redux Toolkit은 Redux를 더 사용하기 쉽게 만들기 위해 Redux에서 공식 제공하는 개발도구 https://ko.redux.js.org/tutorials/quick-start/ 설치 - 아래로 설치시 Redux-Toolkit 이 설치된 개발 환경이 만들어진다. npx create-react-app 프로젝트명 --template redux npx create-react-app 프로젝트명 --template redux 0. react, react-dom 설치 (사용하기 위한 설치) npm i react react-dom 1. react-redux , reduxjs/toolkit 설치 npm i react-redux @reduxjs/toolkit 적용시키기 사용할 파일에.. [Redux] redux-persist (새로고침해도 데이터값 그대로 유지할 때)-장바구니 개수유지 https://www.npmjs.com/package/redux-persist redux-persist persist and rehydrate redux stores. Latest version: 6.0.0, last published: 3 years ago. Start using redux-persist in your project by running `npm i redux-persist`. There are 873 other projects in the npm registry using redux-persist. www.npmjs.com 1. 터미널에 사이트를 참고하여 작성해 설치한다. npm install redux-persist 2. 사이트를 참고하여 코드를 작성 (내 파일 src>store>in.. [Redux] 리덕스란 https://ko.redux.js.org/introduction/getting-started/ Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org Redux : 전역상태를 관리하는 라이브러리 리덕스에서는 전역상태를 저장하고 있는 스토어가 있고, 컴포넌트에서는 스토어에서 필요한 state값을 구독해서 사용한다. 상태를 변경시켜야 할 때 어떻게 변경시킬지에 대한 정보를 담아서 액션이라는 객체를 만든다. 그리고 그 액션을 디스패치(처리될 작업을 실행시키는 것, 보내는 것)해서 리듀서(함수)에게 넘겨 준다. 리듀서는 액션의 정보를 보고 state를 정해진 규칙에 따라 변경한다. 최종적으로 전역스테이트가 변경되고, 해당하는 스테이트를 구독하고.. 이전 1 다음
