react-redux2 [React] react-redux part2 (todos추가) 여기까지가 어제 구현 한 부분이다 modules에서 redux모듈로 counter.js와 todos.js를 만들고 index.js에서 combinedReducers로 합쳐서 rootReducer를 만들어 준 후에 rootReducer를 이용해서 store를 만들어주고 만들어진 store를 컨테이너컴포넌트인 CounterContainers.js 에서 접근해서 상태값과 디스패치를 받아서 프레젠테이션컴포넌트인 Counter.js에게 props로 필요한 값을 전달해서 상태값과 dispatch함수를 화면구현에 사용했다. 오늘은 여기에 저번에 Redux모듈로 만들어놓고 사용하지 않은 todos를 이용하는 todolist를 만들어주겠다 화면을 구성하는 요소인 프레젠테이션 컴포넌트부터 만들었다. components /.. 2023. 1. 27. [React] 24 상태관리 3 (react-redux) 오늘은 react에서 상태를 관리해 주는 기술로 react-redux를 배웠다. Redux Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org Redux(리덕스)는 JavaScript(자바스트립트) 상태관리 라이브러리이다. (react에서뿐만 아니라 바닐라 자바스크립트에서도 사용가능) redux의 규칙 3가지 1. 하나의 애플리케이션 안에는 하나의 스토어가 있다. 2. 상태는 읽기 전용이다. 3. 리듀서는 순수한 함수여야 한다. redux사용방법 //스토어 생성하기 const sotre = Redux.createStore(리듀서함수) 액션 객체를 dispatch로 보내주면 dispatch는 스토어에 있는 reducer함수를 불러서 함수.. 2023. 1. 27. 이전 1 다음
