설계

---

새로운 프로젝트 생성 및 실행

$ npm create vite@latest
$ cd TodoListApp/
$ npm i
$ npm run dev

---

불필요한 앱 삭제 및 초기 설정

.eslintrc.cjs에 코드 추가

"no-unused-vars" : "off", // 사용하지 않는 변수 경고 옵션 끄기
"react/prop-types" : "off", // props의 타입을 검사하는 옵션 

App.jsx 코드 수정

import "./App.css";

function App() {
  return <>TodoList 앱</>;
}

export default App;

svg 파일 삭제 및 App.css & index.css 코드 삭제

main.jsx 코드 수정

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.jsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")).render(<App />);