투두리스트3 리덕스 투두리스트 리덕스 액션을 만들고 리듀서를 정의한다. export default todos; 를 통해 만든 리듀서를 내보내고, configStore에 연결시킨다. configStore는 여러 state가 모여있는 저장소라고? 보면된다. const rootReucer = combineReducers({ todos, }); 를 통해 todos를 연결한다 todos 는 방금 만든 state집합 ============================================= import { v4 as uuid } from "uuid"; const ADD_TODO = "ADD_TODO"; const REMOVE_TODO = "REMOVE_TODO"; const SWITCH_TODO = "SWITCH_TODO"; .. 2022. 12. 21. 완료,삭제 기능 구현 저번에 만들던 투두리스트에서 삭제기능과 완료기능 , 취소 기능을 구현해 보았다 export default function TodoList({ todos, isActive, setTodos }) { const todoBox = { border: "1px solid black", padding: "20px" }; return ( {isActive === true ? "해야 할 일" : "완료 한 일 "} {todos .filter((item) => item.isDone === !isActive) .map((item) => { return ; })} ); } 기존에 있는 투두리스트에서 투두로 컴포넌트로 나누었다. export default function Todo({ setTodos, isActive, ite.. 2022. 12. 16. WIL 6주차.. Facts -리액트 -Map -Filter Feelings - 자바스크립트 문법 지식이 부족하여서 리액트를 공부하는데 큰 어려움이 있다 ㅠㅠ Finding -Map의 활용 -Filter의 활용 -투두리스트 만둘기 Future -리액트 강의 수강 -자바스크립트 문법 강의 수강 -알고리즘 문제 2022. 12. 12. 이전 1 다음
