Rainyjune Blog

Redux를 활용하여(정확히는 Redux Toolkit) 장바구니를 만드는 실습 예제 사용자 정보 state (userSlice) 공유 대상 state를 개별로 관리하기 위해 src 폴더에 하위 폴더 store 폴더를 생성하고 사용자 정보를 저장해 둘 userSlice.js를 추가한다. src/store/userSlice.js (이 예제는 코딩애플의 실습내용과 다르다. redux-toolkit의 quick-start에 서술된 방식을 사용했다) // createSlice 사용을 위한 import import { createSlice } from '@reduxjs/toolkit' // state의 최초 상태를 정의 const initialState = { name: 'UserName', age: 21 } /..

State를 공유하기 위한 외부 라이브러리. (https://ko.redux.js.org/introduction/getting-started/) 설치 Terminal에서 아래 명령어를 입력하여 react project에 redux를 설치한다. npm install @reduxjs/toolkit react-redux src 폴더에 store.js 파일 생성 (파일명은 관계없으나, 코딩애플 강의에 사용된 그대로 적음) 생성 후에는 아래와 같은 내용을 기입한다. import { configurationStore } from '@reduxjs/toolkit'; export default configureStore({ reducer: {} }) src 폴더의 index.js를 수정한다. (BrowserRouter..