[4팀 이예인] Chapter 3-3 기능 중심 아키텍처와 프로젝트 폴더 구조

eslint.config.js

@@ -1,27 +1,51 @@
-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 importPlugin from "eslint-plugin-import"
 
 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,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      "import": importPlugin,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
+      // Import 플러그인 규칙
+      "import/order": [
+        "error",
+        {
+          "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+          "pathGroups": [
+            // React를 가장 먼저 오도록 설정
+            { pattern: "react", group: "external", position: "before" },
+            { pattern: "react-dom/**", group: "external", position: "before" },
+            { pattern: "react/**", group: "external", position: "before" },
+            { pattern: "@/app/**", group: "internal", position: "before" },
+            { pattern: "@/views/**", group: "internal", position: "before" },
+            { pattern: "@/widgets/**", group: "internal", position: "before" },
+            { pattern: "@/features/**", group: "internal", position: "before" },
+            { pattern: "@/entities/**", group: "internal", position: "before" },
+            { pattern: "@/shared/**", group: "internal", position: "before" },
+          ],
+          "pathGroupsExcludedImportTypes": ["react", "react-dom"],
+          "newlines-between": "always",
+          "alphabetize": {
+            order: "asc",
+            caseInsensitive: true,
+          },
+        },
       ],
     },
   },

package.json

@@ -12,6 +12,7 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.90.12",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   },
@@ -28,6 +29,7 @@
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
     "eslint": "^9.39.1",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",