sik2 · HeungJunBag · Mar 18, 2026 · Mar 18, 2026 · Mar 18, 2026 · Mar 18, 2026
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,28 @@
+# 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?
+
+.env
+.vite/
+coverage/
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,52 @@
-# 리액트 투두 앱 만들기 미션 레포
+# React Todo App
+
+React와 Vite로 만든 할 일 관리 앱입니다.
+
+## 실행 화면
+
+|               기본 화면                |               할 일 추가               |               수정 모드                |
+| :------------------------------------: | :------------------------------------: | :------------------------------------: |
+| ![기본 화면](docs/screenshot_main.png) | ![할 일 추가](docs/screenshot_add.png) | ![수정 모드](docs/screenshot_edit.png) |
+
+> 주요 기능
+
+- 할 일 추가 / 삭제 / 수정
+- 완료 체크 및 취소선 표시
+- 전체 완료 / 전체 해제
+- 남은 할 일 개수 표시
+- LocalStorage를 이용한 데이터 영속성
+
+## 기술 스택
+
+- **React 19** — UI 구성
+- **Vite 8** — 빌드 도구
+- **Tailwind CSS v4** — 스타일링
+- **Context API** — 전역 상태 관리
+- **LocalStorage** — 데이터 저장
+
+## 프로젝트 구조
+
+```
+src/
+├── App.jsx                  # 루트 컴포넌트
+├── main.jsx                 # 엔트리 포인트
+├── index.css                # Tailwind CSS 임포트
+├── components/
+│   ├── TodoWriteForm.jsx    # 할 일 입력 폼
+│   ├── TodoList.jsx         # 할 일 목록
+│   └── TodoItem.jsx         # 할 일 항목
+├── context/
+│   └── TodoContext.jsx      # 전역 상태 관리
+└── utils/
+    └── storage.js           # LocalStorage 유틸
+```
+
+## 시작하기
+
+```bash
+# 의존성 설치
+npm install
+
+# 개발 서버 실행
+npm run dev
+```
diff --git a/docs/screenshot_add.png b/docs/screenshot_add.png
diff --git a/docs/screenshot_edit.png b/docs/screenshot_edit.png
diff --git a/docs/screenshot_main.png b/docs/screenshot_main.png
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,26 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import prettier from 'eslint-config-prettier'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+    globalIgnores(['dist']),
+    {
+        files: ['**/*.{js,jsx}'],
+        extends: [js.configs.recommended, reactHooks.configs.flat.recommended, reactRefresh.configs.vite, prettier],
+        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,13 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>react-todo-mission1</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.jsx"></script>
+    </body>
+</html>