[11팀 임재도] [Chapter 2-2] 디자인 패턴과 함수형 프로그래밍

.github/workflows_/ci.yml

@@ -24,7 +24,7 @@ jobs:
         run: |
           npm install
           npm run test:basic
-  advacned:
+  advanced:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
@@ -37,4 +37,4 @@ jobs:
       - name: advanced-test
         run: |
           npm install
-          npm run test:advanced
+          npm run test:advanced

.npmrc

@@ -0,0 +1 @@
+auto-install-peers=true

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 120,
+  "tabWidth": 2
+}

eslint.config.js

@@ -0,0 +1,70 @@
+import js from '@eslint/js';
+import typescript from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import a11y from 'eslint-plugin-jsx-a11y';
+import vitest from 'eslint-plugin-vitest';
+import prettier from 'eslint-plugin-prettier';
+export default [
+  {
+    files: ['*.ts', '*.tsx'],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        project: [
+          './tsconfig.json',
+          './tsconfig.app.json',
+          './tsconfig.node.json',
+        ],
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': typescript,
+      react,
+      'react-hooks': reactHooks,
+      'jsx-a11y': a11y,
+      vitest,
+      prettier,
+    },
+    rules: {
+      'prettier/prettier': 'error',
+      'react/react-in-jsx-scope': 'off', // React 17+ JSX transform 사용
+      'react/jsx-filename-extension': ['error', { extensions: ['.tsx'] }],
+      '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', // 유틸 함수 내보내기 규칙 맞춤
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+      'jsx-a11y/anchor-is-valid': 'off', // Next.js의 <Link> 지원
+    },
+  },
+  {
+    files: ['*.test.{ts,tsx}'],
+    plugins: {
+      vitest,
+    },
+    rules: {
+      'vitest/no-disabled-tests': 'warn',
+      'vitest/no-focused-tests': 'error',
+      'vitest/no-identical-title': 'error',
+    },
+  },
+  {
+    ignores: ['dist/', 'node_modules/'],
+  },
+];

package.json

@@ -16,7 +16,8 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.2",
@@ -28,9 +29,18 @@
     "@typescript-eslint/parser": "^8.10.0",
     "@vitejs/plugin-react-swc": "^3.7.1",
     "@vitest/ui": "^2.1.3",
-    "eslint": "^9.12.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint": "^8.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^4.6.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",
+    "prettier": "^3.4.2",
     "typescript": "^5.6.3",
     "vite": "^5.4.9",
     "vitest": "^2.1.3"