[4팀 김소희] Chapter 2-2. 디자인 패턴과 함수형 프로그래밍

.prettierrc.js

@@ -0,0 +1,11 @@
+export default {
+  semi: true,
+  singleQuote: true,
+  jsxSingleQuote: true,
+  tabWidth: 2,
+  bracketSpacing: true,
+  bracketSameLine: false,
+  arrowParens: "always",
+  printWidth: 100,
+  endOfLine: "auto",
+};

eslint.config.js

@@ -0,0 +1,134 @@
+import typescript from "@typescript-eslint/eslint-plugin";
+import typescriptParser from "@typescript-eslint/parser";
+import { defineConfig } from "eslint/config";
+import prettier from "eslint-config-prettier";
+import compat from "eslint-plugin-compat";
+import importPlugin from "eslint-plugin-import";
+import eslintPluginPrettier from "eslint-plugin-prettier";
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+
+export default defineConfig([
+  {
+    ignores: ["**/node_modules/**", "dist/**", ".eslintrc.cjs"],
+  },
+  {
+    files: ["**/*.{js,jsx,ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        tsconfigRootDir: ".",
+      },
+    },
+    plugins: {
+      prettier: eslintPluginPrettier,
+      react,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      "@typescript-eslint": typescript,
+      compat,
+      import: importPlugin,
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+      browsers:
+        "> 0.5%, last 2 versions, not op_mini all, Firefox ESR, not dead",
+    },
+    rules: {
+      // 기존 규칙 유지
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+
+      // Prettier 통합 규칙
+      "comma-dangle": [
+        "error",
+        {
+          arrays: "always-multiline",
+          objects: "always-multiline",
+          imports: "always-multiline",
+          exports: "always-multiline",
+          functions: "never",
+        },
+      ],
+
+      // React 관련 규칙
+      "react/prop-types": "off",
+      "react/react-in-jsx-scope": "off",
+      "react-hooks/rules-of-hooks": "error",
+
+      // TypeScript 관련 규칙
+      "@typescript-eslint/no-explicit-any": "warn",
+
+      // 팀 컨벤션 - var 사용 금지
+      "no-var": "error",
+      "@typescript-eslint/no-unused-vars": "error",
+
+      // 팀 컨벤션 - 동등 연산자 (==, !=) 금지
+      eqeqeq: ["error", "always", { null: "ignore" }],
+
+      // 팀 컨벤션 - 얼리 리턴 권장
+      "consistent-return": "error",
+      "no-else-return": ["error", { allowElseIf: false }],
+
+      // 팀 컨벤션 - 템플릿 리터럴 규칙
+      "prefer-template": "error",
+
+      // 팀 컨벤션 - 상수는 대문자
+      camelcase: [
+        "error",
+        {
+          properties: "never",
+          ignoreDestructuring: false,
+          ignoreImports: false,
+          ignoreGlobals: false,
+          allow: ["^[A-Z][A-Z0-9_]*$"],
+        },
+      ],
+
+      // 팀 컨벤션 - 구조분해할당 권장
+      "prefer-destructuring": [
+        "error",
+        {
+          array: true,
+          object: true,
+        },
+        {
+          enforceForRenamedProperties: false,
+        },
+      ],
+
+      // 기본 코드 품질 규칙
+      "prefer-const": "error",
+      "object-shorthand": "error",
+      "no-multiple-empty-lines": ["error", { max: 1, maxEOF: 0 }],
+      "no-console": ["warn", { allow: ["warn", "error"] }],
+      "no-debugger": "warn",
+      "no-undef": "off",
+
+      // import 순서 규칙
+      "import/order": [
+        "error",
+        {
+          groups: ["builtin", "external", ["parent", "sibling"], "index"],
+          alphabetize: {
+            order: "asc",
+            caseInsensitive: true,
+          },
+          "newlines-between": "always",
+        },
+      ],
+      "import/extensions": "off",
+    },
+  },
+  prettier,
+]);

package.json

@@ -7,6 +7,7 @@
     "start:origin": "vite serve --open ./index.origin.html",
     "start:basic": "vite serve --open ./index.basic.html",
     "start:advanced": "vite serve --open ./index.advanced.html",
+    "deploy": "vite build && cp dist/index.advanced.html dist/index.html && gh-pages -d dist",
     "test": "vitest",
     "test:origin": "vitest src/origin",
     "test:basic": "vitest src/basic",
@@ -16,6 +17,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
   },
   "dependencies": {
+    "gh-pages": "^6.3.0",
+    "jotai": "^2.13.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },
@@ -30,9 +33,15 @@
     "@vitejs/plugin-react-swc": "^3.11.0",
     "@vitest/ui": "^3.2.4",
     "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-compat": "^6.0.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.3",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "jsdom": "^26.1.0",
+    "prettier": "^3.6.2",
     "typescript": "^5.9.2",
     "vite": "^7.0.6",
     "vitest": "^3.2.4"