공부블로그

기본 사용법 useSelector는 리덕스 스토어의 상태를 조회하는 Hook이다. import { useSelector } from 'react-redux'; //RootState 중에 내가 가져오고 싶은 todo를 가져온다. const todoList = useSelector((state: RootState) => state.todo) //또는 useSelector안에서 원하는 형식으로 바꿔서 리턴할 수도 있다. const list = useSelector((state: RootState) => { const { todo } = state return Array.from(todo.todo.values()) }) 기본적으로, useSelector를 사용해서 리덕스 스토어의 상태를 조회 할 땐 만약 상태가..

에러땜에 짱 고생한 redux-thunk를 정리해보게따.... 저번에 redux로 만든 todo-app redux에 middleware중 하나인 redux-thunk를 적용하는 코드를 작성해보자. 아 그리고 change_status 액션도 하나 더 만들었다. redux-thunk 는 뭘 하는 미들웨어일까? (from. 벨로퍼트 깃북) 가장 간단히 설명하자면, 이 미들웨어는 객체 대신 함수를 생성하는 액션 생성함수를 작성 할 수 있게 해줍니다. 리덕스에서는 기본적으로는 액션 객체를 디스패치합니다. 일반 액션 생성자는, 다음과 같이 파라미터를 가지고 액션 객체를 생성하는 작업만합니다: 만약에 특정 액션이 몇초뒤에 실행되게 하거나, 현재 상태에 따라 아예 액션이 무시되게 하려면, 일반 액션 생성자로는 할 수가..

리덕스(Redux) 여러분의 앱의 상태 전부는 하나의 저장소(store)안에 있는 객체 트리에 저장됩니다. 상태 트리를 변경하는 유일한 방법은 무엇이 일어날지 서술하는 객체인 액션(action)을 보내는 것 뿐입니다. 액션이 상태 트리를 어떻게 변경할지 명시하기 위해 여러분은 리듀서(reducers)를 작성해야 합니다. + typesafe-actions는 타입 정의를 쉽게 해주는 패키지다! ★ 리덕스에 사용되는 키워드 액션 (Action) : 스토어의 상태를 바꾸고 싶을 때, 액션이란 것을 발생시켜야 리듀서가 상태를 변경. 하나의 객체로 표현되고 type을 가져야 한다. 액션 생성 함수 (Action Creator) : 액션 개체를 만드는 함수. 파라미터를 받아와서 액션 객체 형태로 만들어준다. 컴포넌트..