[9팀 임두현] Chapter 2-3. 관심사 분리와 폴더구조

.gitignore

@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+/docs

.prettierrc

@@ -1,9 +1,9 @@
 {
-  "semi": false,
+  "semi": true,
   "printWidth": 120,
   "tabWidth": 2,
   "singleQuote": false,
   "quoteProps": "consistent",
   "trailingComma": "all",
   "singleAttributePerLine": false
-}
+}

eslint.config.js

@@ -1,27 +1,56 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js"
+import globals from "globals"
+import reactHooks from "eslint-plugin-react-hooks"
+import reactRefresh from "eslint-plugin-react-refresh"
+import tseslint from "typescript-eslint"
+import pluginImport from "eslint-plugin-import"
+import path from "node:path"
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
+      parserOptions: {
+        project: ["./tsconfig.app.json", "./tsconfig.node.json"],
+      },
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      "import": pluginImport,
+    },
+    settings: {
+      "import/resolver": {
+        typescript: {
+          project: path.resolve(process.cwd(), "tsconfig.app.json"),
+        },
+      },
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      "import/no-unresolved": "error",
+      "import/order": [
+        "warn",
+        {
+          "groups": ["builtin", "external", "internal", ["parent", "sibling", "index"], "object", "type"],
+          "pathGroups": [
+            { pattern: "@shared/**", group: "internal", position: "before" },
+            { pattern: "@entities/**", group: "internal", position: "before" },
+            { pattern: "@features/**", group: "internal", position: "before" },
+            { pattern: "@widgets/**", group: "internal", position: "before" },
+            { pattern: "@pages/**", group: "internal", position: "before" },
+            { pattern: "@app/**", group: "internal", position: "before" },
+            { pattern: "@/**", group: "internal", position: "before" },
+          ],
+          "pathGroupsExcludedImportTypes": ["builtin"],
+          "alphabetize": { order: "asc", caseInsensitive: true },
+          "newlines-between": "always",
+        },
       ],
     },
   },

package.json

@@ -7,11 +7,15 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
+    "deploy": "gh-pages -d dist -b gh-pages",
     "preview": "vite preview",
     "test": "vitest",
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
+    "@tanstack/react-query": "5.85.3",
+    "@tanstack/react-query-devtools": "5.85.3",
+    "jotai": "2.13.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },
@@ -28,9 +32,12 @@
     "axios": "^1.11.0",
     "class-variance-authority": "^0.7.1",
     "eslint": "^9.33.0",
+    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
+    "gh-pages": "6.3.0",
     "jsdom": "^26.1.0",
     "lucide-react": "^0.539.0",
     "msw": "^2.10.4",