봉보로봉봉

리덕스 (Redux) Store => createStore import { createStore } from 'redux' Reducer 리듀서 함수를 선언하고 그 함수를 넘겨서 store를 생성하면 된다. export const todosReducer = (state = [], action) => { switch (action.type) { case ADD_TODO: return state.concat({ id: action.payload.id, text: action.payload.text, completed: false }) case TODO_TOGGLED: return state.map(todo => { if (todo.id !== action.payload.id) return todo retur..

Redux 공식 문서를 봐가면서 Redux를 적용했는데 reducer함수의 action 타입을 정해주는데 애를 먹었다. 이를 해결하다가 새로운 타입스크립트 문법을 알게 되었다. // action의 타입을 무엇으로 해야한단말인가... const todoReducers = (state = initialState, action) => { switch (action.type) { case 'ADD_TODO': // ... state 변경 로직 } } ReturnType ReturnType을 사용하면 함수 Type의 반환 타입으로 구성된 타입을 생성한다. ReturnType // 예시 type T0 = ReturnType string>; // type T0 = string type T1 = ReturnType v..