useState -> Redux Toolkit -> Thunk — STEP 1. Managing state with ‘useState’ hook Original Code: AddTodo.jsx // 할 일 추가하는 페이지 import { StTopBox, StInputBox, StTextBox, StButtonBox, StButton } from "../styles/styleCollection" import { Link, useNavigate } from "react-router-dom" // import { useState } from "react" import useInput from "../hooks/useInput" import axios from "axios" function AddTodo() { const navigate = useNavigate() const [title, onChangeTitleHandler] =…