sik2 · kjh3165 · Mar 18, 2026 · Mar 18, 2026 · Mar 18, 2026 · Mar 18, 2026
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+    "printWidth": 120,
+    "tabWidth": 4,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "semi": false
+}
diff --git a/README.md b/README.md
@@ -1 +1,20 @@
 # 리액트 투두 앱 만들기 미션 레포
+
+할일 추가, 삭제, 체크하고, localStroage에 저장하여 데이터를 유지하는 Todo App입니다.
+
+## 컴포넌트 구조
+
+src/<br/>
+├─ components/<br/>
+│ ├─ TodoItem.jsx<br/>
+│ ├─ TodoList.jsx<br/>
+│ └─ TodoWriteForm.jsx<br/>
+├─ App.css<br/>
+├─ App.jsx<br/>
+├─ main.jsx<br/>
+├─ useTodos.js<br/>
+└─ storage.js<br/>
+
+## 스크린샷
+
+<img width="384" height="325" alt="TodoApp_screenshot" src="https://github.com/user-attachments/assets/a62269fe-cb03-4fca-aa58-3215de549817" />
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,25 @@
+import js from '@eslint/js'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+import globals from 'globals'
+
+export default defineConfig([
+    globalIgnores(['dist']),
+    {
+        files: ['**/*.{js,jsx}'],
+        extends: [js.configs.recommended, reactHooks.configs.flat.recommended, reactRefresh.configs.vite],
+        languageOptions: {
+            ecmaVersion: 2020,
+            globals: globals.browser,
+            parserOptions: {
+                ecmaVersion: 'latest',
+                ecmaFeatures: { jsx: true },
+                sourceType: 'module',
+            },
+        },
+        rules: {
+            'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+        },
+    },
+])
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="ko">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Todo App</title>
+        <link rel="stylesheet" href="/src/App.css" />
+    </head>
+    <body>
+        <h1>Todo App</h1>
+        <div id="root"></div>
+        <script type="module" src="/src/main.jsx"></script>
+    </body>
+</html>