hanghae-plus · Geunbaek · Jan 14, 2025 · Jan 14, 2025 · Jan 14, 2025 · Jan 14, 2025
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,137 @@
+{
+  "root": true,
+  "env": {
+    "browser": true,
+    "es2021": true,
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+  ],
+  "rules": {
+    "prettier/prettier": "error",
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/react-in-jsx-scope": "off",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "react/function-component-definition": [
+      "error",
+      {
+        "namedComponents": "function-declaration",
+        "unnamedComponents": "arrow-function",
+      },
+    ],
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      { "argsIgnorePattern": "^_" },
+    ],
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "import/prefer-default-export": "off", // 유틸 함수 내보내기 규칙 맞춤
+  },
+  "ignorePatterns": [
+    "**/dist",
+    "src/origin/**",
+    "vite.config.ts",
+    "**/__tests__/**",
+  ],
+  "overrides": [
+    // TypeScript 파일 설정
+    {
+      "files": ["*.ts", "*.tsx"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "ecmaFeatures": {
+          "jsx": true,
+        },
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "project": [
+          "./tsconfig.json",
+          "./tsconfig.app.json",
+          "./tsconfig.node.json",
+        ],
+      },
+      "plugins": ["@typescript-eslint", "react", "react-hooks"],
+      "extends": ["plugin:@typescript-eslint/recommended"],
+    },
+    {
+      "files": ["./src/advanced/**/*.{ts,tsx}"],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "ecmaFeatures": {
+          "jsx": true,
+        },
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "project": [
+          "./tsconfig.json",
+          "./tsconfig.app.json",
+          "./tsconfig.node.json",
+        ],
+      },
+      "extends": ["@feature-sliced"],
+      "plugins": ["import", "boundaries"],
+    },
+  ],
+  "settings": {
+    "react": {
+      "version": "detect",
+    },
+    "boundaries/elements": [
+      {
+        "type": "app",
+        "pattern": ["@advanced/app/**", "src/advanced/app/**"],
+        "mode": "file",
+      },
+      {
+        "type": "processes",
+        "pattern": ["@advanced/processes/**", "src/advanced/processes/**"],
+        "mode": "file",
+      },
+      {
+        "type": "pages",
+        "pattern": ["@advanced/pages/**", "src/advanced/pages/**"],
+        "mode": "file",
+      },
+      {
+        "type": "widgets",
+        "pattern": ["@advanced/widgets/**", "src/advanced/widgets/**"],
+        "mode": "file",
+      },
+      {
+        "type": "features",
+        "pattern": ["@advanced/features/**", "src/advanced/features/**"],
+        "mode": "file",
+      },
+      {
+        "type": "entities",
+        "pattern": ["@advanced/entities/**", "src/advanced/entities/**"],
+        "mode": "file",
+      },
+      {
+        "type": "shared",
+        "pattern": ["@advanced/shared/**", "src/advanced/shared/**"],
+        "mode": "file",
+      },
+      {
+        "type": "tests",
+        "pattern": ["src/advanced/**/*.test.tsx"],
+        "mode": "file",
+      },
+    ],
+    "import/resolver": {
+      "typescript": {
+        "alwaysTryTypes": true,
+        "project": [
+          "./tsconfig.json",
+          "./tsconfig.app.json",
+          "./tsconfig.node.json",
+        ],
+      },
+    },
+  },
+}
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
diff --git a/.github/workflows_/ci.yml → .github/workflows/ci.yml b/.github/workflows_/ci.yml → .github/workflows/ci.yml
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,7 @@
+{
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "printWidth": 80,
+    "tabWidth": 2
+}
diff --git a/index.advanced.html b/index.advanced.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>장바구니로 학습하는 디자인패턴</title>
+    <script src="https://unpkg.com/react-scan/dist/auto.global.js"></script>
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body class="bg-gray-100 p-8">
+    <div id="root"></div>
+    <script type="module" src="/src/advanced/app/main.tsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -6,33 +6,55 @@
   "scripts": {
     "start:origin": "vite serve --open ./index.origin.html",
     "start:refactoring": "vite serve --open ./index.refactoring.html",
+    "start:advanced": "vite serve --open ./index.advanced.html",
     "test": "vitest",
     "test:origin": "vitest src/origin",
     "test:basic": "vitest src/basic",
     "test:advanced": "vitest src/advanced",
     "test:ui": "vitest --ui",
     "build": "tsc -b && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+    "lint": "eslint ."
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.64.1",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router": "^7.1.1",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
+    "@feature-sliced/eslint-config": "^0.1.1",
     "@testing-library/jest-dom": "^6.6.2",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^22.10.7",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^8.10.0",
     "@typescript-eslint/parser": "^8.10.0",
     "@vitejs/plugin-react-swc": "^3.7.1",
     "@vitest/ui": "^2.1.3",
-    "eslint": "^9.12.0",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-boundaries": "^5.0.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.3",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.12",
+    "eslint-plugin-testing-library": "^7.1.1",
+    "eslint-plugin-vitest": "^0.5.4",
+    "jsdom": "^26.0.0",
+    "msw": "^2.7.0",
+    "prettier": "^3.4.2",
     "typescript": "^5.6.3",
     "vite": "^5.4.9",
     "vitest": "^2.1.3"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
-}
+}