style: stage UI 수정 (#352)

.github/workflows/ci.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Run ESLint (includes Prettier) & TypeScript
+      - name: Run Biome (lint & format) & TypeScript
         run: pnpm run ci:check
 
   build:

.husky/pre-push

@@ -1,5 +1,5 @@
-echo "🔍 Running lint check before push..."
-pnpm run lint
+echo "🔍 Running Biome check before push..."
+pnpm run lint:check
 
 echo "🔍 Running type check before push..."
 pnpm run typecheck

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["biomejs.biome"],
+  "unwantedRecommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+}

.vscode/settings.json

@@ -1,24 +1,27 @@
 {
-  "prettier.requireConfig": true,
   "[javascript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "biomejs.biome",
     "editor.tabSize": 2
   },
   "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "biomejs.biome",
     "editor.tabSize": 2
   },
   "[typescriptreact]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "biomejs.biome",
     "editor.tabSize": 2
   },
   "[json]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "typescript.updateImportsOnFileMove.enabled": "always",
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "always"
-  }
+    "source.fixAll.biome": "explicit",
+    "source.organizeImports.biome": "explicit"
+  },
+  "biome.lspBin": "./node_modules/@biomejs/biome/bin/biome"
 }

README.md

@@ -5,8 +5,7 @@
 - Tailwind CSS
 - Clsx
 - Axios
-- ESLint
-- Prettier
+- Biome (Linter & Formatter)
 - Vercel
 
 ## Prerequisites
@@ -35,14 +34,26 @@ pnpm run dev
 # Build for production
 pnpm run build
 
-# Linting
+# Lint and auto-fix
 pnpm run lint
 
-# Type checking
-pnpm run typecheck
+# Lint check only (no fix)
+pnpm run lint:check
 
 # Format code
 pnpm run format
+
+# Format check only (no write)
+pnpm run format:check
+
+# Type checking
+pnpm run typecheck
+
+# Run all checks (CI)
+pnpm run ci:check
+
+# Fix all (lint + format)
+pnpm run fix:all
 ```
 
 ## Migration from npm