Redux thunk Redux의 비동기 작업을 하기위해 필요한 미들웨어 중 하나 thunk! thunk는 액션객체가 아닌 함수로 디스패치 한다. user의 정보를 가져오는 api 호출을 thunk 를 사용하여 만들어본다고 하면? // 비동기 액션 크리에이터 function userInfoAction(data) { return (dispatch,getState) => { axios.get("api/user") .then((res)=>{ dispatch(userInfoSuccess(res.data)); }) .catch((err)=>{ ... }) } } api를 호출할 비동기 액션 크리에이터를 만들어주었다. thunk에서는 함수를 디스패치할때 dispatch,getState를 파라미터 값으로 받아주어야 ..
redux
redux 의 state값을 변경할땐 불변성을 유지해주어야 한다. 왜냐 리덕스를 사용하는 이유 중 하나가 히스토리가 관리되기 때문! 변경하기 전 state값과 변경후의 state의 값을 비교하려면 불변성을 지켜줘야된다. const obj1 ={} const obj2 ={} obj1 === obj2 //false obj1 과 obj2 를 비교하면 false이다 왜냐 둘다 새 객체이기 때문이다. const obj1 = {a:2}; const obj2 = obj1.a obj2 === obj1.a // true obj2에 obj1의 a속성값을 넣어주고 서로 비교하면 true가 된다. 이럴경우엔 참조관계가 되기 때문이다. (....) const initialState = { name:'kim', job:'stud..
