대기업을 향한 디벨롭 블로그

Redux Toolkit 저번 1,2에서 slice만들고 state변경함수 만들어보고 해보았다. 이번에는 state변경함수에 파라미터를 전달하는걸 해보겠다. 일단 예제를 만들것이기때문에 셋팅해주겠다. //store.js import { configureStore, createSlice } from "@reduxjs/toolkit"; let todo = createSlice({ name : 'todo', initialState : [{id : 0 , title : '할일이없습니다', complete : false}] }) export default configureStore({ reducer:{ todo : todo.reducer } }) store.js를 만들어주고 todo라는 slice를 하나 만들어 ..

https://mhypro.tistory.com/60 Redux-1 (useSelector) state만들기 사용하기 이번엔 Redux를 알아보겠다. Redux는 상태관리 라이브러리다. 리액트에서 가장많이 쓰이는 상태관리 라이브러리라고 한다. 약간 ContextAPI처럼 전역적으로 데이터를 관리할 수 있다. react뿐만 아니라 mhypro.tistory.com configurestore를 사용하여 새롭게업데이트된 Redux store를 만들고 slice도 만들어주었다. 이제 변경을 해보자. //store.js let person = createSlice({ name : 'person', initialState : 'younghwan' }) 저번에 만들었던 person이라는 slice이다. 변경을 할때는..

이번엔 Redux를 알아보겠다. Redux는 상태관리 라이브러리다. 리액트에서 가장많이 쓰이는 상태관리 라이브러리라고 한다. 약간 ContextAPI처럼 전역적으로 데이터를 관리할 수 있다. react뿐만 아니라 다른 frameWorlk에서도 사용이되고 , 일반 자바스크립트 환경에서도 가능하다. https://ko.redux.js.org/introduction/getting-started/ Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org 먼저 Redux의 공식사이트를 올려주겠다. npm install @reduxjs/toolkit react-redux npm install redux툴킷과 리액트리듀스를 다운받아준다. (리액트18.1..