[Init] eslint, prettier 세팅

.prettierignore

@@ -0,0 +1,39 @@
+# Dependencies
+node_modules/
+
+# Environment variables
+.env
+.env.*
+!.env.example
+
+# Production builds
+out/
+build/
+dist/
+
+# Cache Report
+.cache/
+.vite/
+.vite-cache/
+coverage/
+tsconfig.tsbuildinfo
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Lock files
+pnpm-lock.yaml
+yarn.lock
+package-lock.json
+
+# IDE
+.idea/
+
+# OS
+.DS_Store
+Thumbs.db 

.prettierrc

@@ -0,0 +1,16 @@
+{
+  "arrowParens": "always", 
+  "bracketSpacing": true,
+  "semi": true,
+  "singleQuote": false,
+  "jsxSingleQuote": false,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "endOfLine": "lf",
+  "quoteProps": "as-needed",
+  "trailingComma": "es5",
+  "proseWrap": "preserve",
+  "singleAttributePerLine": false
+}
+

eslint.config.js

@@ -1,23 +1,100 @@
-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 { defineConfig, globalIgnores } from 'eslint/config'
+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 { defineConfig } from "eslint/config";
+import importPlugin from "eslint-plugin-import";
+import typescriptParser from "@typescript-eslint/parser";
+import eslintConfigPrettier from "eslint-config-prettier";
 
 export default defineConfig([
-  globalIgnores(['dist']),
+  { ignores: ["dist", "node_modules", "build", "*.config.js", "*.config.ts"] },
+
+  importPlugin.flatConfigs.recommended,
+  importPlugin.flatConfigs.typescript,
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  reactHooks.configs.flat.recommended,
+  reactRefresh.configs.vite,
+
   {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
+    files: ["**/*.{ts,tsx}"],
+    settings: {
+      react: {
+        version: "detect",
+      },
+      "import/resolver": {
+        typescript: {
+          alwaysTryTypes: true,
+          project: "./tsconfig.app.json",
+        },
+      },
+    },
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
+      sourceType: "module",
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    rules: {
+      "no-var": "error", // var 금지
+      "no-console": ["warn", { allow: ["warn", "error"] }], // console.log 경고
+
+      "no-unused-vars": "off", // ts 룰로 대체함
+      "@typescript-eslint/no-unused-vars": [
+        // 사용하지 않는 변수 경고
+        "warn",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
+        },
+      ],
+
+      "@typescript-eslint/consistent-type-imports": [
+        // type import 사용 권장
+        "error",
+        { prefer: "type-imports" },
+      ],
+      "@typescript-eslint/no-explicit-any": "warn", // any 사용 경고
+      "@typescript-eslint/no-non-null-assertion": "warn", // non-null assertion 경고
+
+      "react-hooks/rules-of-hooks": "error", // Hooks 규칙 준수
+      "react-hooks/exhaustive-deps": "warn", // useEffect 의존성 배열 검사
+
+      // import 정렬 order 설정
+      "import/order": [
+        "warn",
+        {
+          groups: [
+            "builtin",
+            "external",
+            "internal",
+            "parent",
+            "sibling",
+            "index",
+            "type",
+          ],
+          "newlines-between": "always",
+          alphabetize: { order: "asc", caseInsensitive: true },
+        },
+      ],
+      "import/first": "error", // import문 최상단 위치
+      "import/no-duplicates": "error", // 중복 import 금지
+      "import/no-unresolved": "off", // TS resolver가 처리
+      "import/default": "off", // default export 불필요한 경고 제거
+      "import/prefer-default-export": "off", // named export 사용(최적화 관점)
+
+      // Prettier와 충돌 방지
+      "arrow-body-style": "off",
+      "prefer-arrow-callback": "off",
     },
   },
-])
+  eslintConfigPrettier,
+]);

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "eslint-import-resolver-typescript": "^4.4.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
@@ -18,11 +19,17 @@
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.51.0",
+    "@typescript-eslint/parser": "^8.51.0",
     "@vitejs/plugin-react-swc": "^4.2.2",
     "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "prettier": "3.7.4",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"