목록promise (1)

connecting dots

Beginner 11회차 (8/13) | 화살표 함수와 코드 축약, store로 데이터 수정, 삭제 로직 옮기기, modal에 삭제 수정 기능 추가, promise(callback hell), useEffect(), 체크박스 기능 추가

화살표 함수 코드 축약 Main.tsx 파일에 있던 setTodo(), deleteTodo() 함수 store로 이사 시키기데이터를 불러 오는 getTodos()를 store로 이동시켜주었기 때문에투두 리스트를 새로 수정하는 setTodo(), 투두를 삭제하는 deleteTodo() 역시 store로 이사를 시켜야 한다 !데이터 권한이 이제 Main -> store로 넘어간 상황이니 수정, 삭제하는 부분도 store에서 제어해줘야 한다. 기존 Main.tsx store에서 가지고 올 수 있도록 TodoItem 파일 수정 옮긴 후 똑같이 작동하는 화면 모달에 삭제, 수정기능 추가전체 코드import styles from './TodoItemModal.module.css'import { useNavigate..
Live Class/Beginner 2024. 8. 14. 17:22
이전 Prev 1 Next 다음