sik2 · Zeri-Time · Jul 7, 2025 · Jul 8, 2025 · Jul 8, 2025 · Jul 8, 2025
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/README.md b/README.md
@@ -1 +1,60 @@
-# 리액트 투두 앱 만들기 미션 레포
+# Todo App mini-project
+
+
+### 프로젝트 소개
+React를 이용해 Todo 어플리케이션을 구현한 사이트입니다.
+
+할일을 입력하면 index 순서대로 로컬에 저장되며 수정 버튼을 눌러 내용을 수정할 수 있습니다.
+
+완료(체크버튼) 클릭시 해당 항목이 리스트 제일 아래로 이동하며 최대 표시 항목수는 5개 이고 이후로는 아래로 스크롤 됩니다.
+
+### 기술스택
+![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)
+![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
+
+### 개발기간
++ 25/07/07 - 25/07/10  
+
+---
+### ⚙️설치 및 실행 방법
+### 1. **리액트 설치**
+```bash
+npm create vite@latest projectname -- --template react
+cd projectname
+npm i
+```
+### 2. **테일윈드 설치**
+```bash
+npm i tailwindcss @tailwindcss/vite
+```
+✔️vite.config.js 에 추가
+```javascript
+import tailwindcss from '@tailwindcss/vite'
+plugins: [tailwindcss()]
+```
+✔️index.css 에 추가
+```javascript
+@import "tailwindcss";
+```
+### 3. **라우터 설치**
+```bash
+npm i react-router-dom
+```
+### 4. **formkit 설치**
+```bash
+npm install @formkit/auto-animate
+```
+### 🚀실행
+```bash
+npm run dev
+```
+---
+
+
+### 데모
+![image](https://github.com/user-attachments/assets/77b572ed-5a56-4e7b-a29e-529281b769e9)
+![image](https://github.com/user-attachments/assets/56b0f560-65ee-49cb-9b91-c89aec6930c7)
+
+
+
+
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      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,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React Todo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>