[Setting/#131] ESLint 추가 규칙 및 코드 스타일 정리

.prettierrc

@@ -2,7 +2,13 @@
   "semi": true,
   "singleQuote": false,
   "trailingComma": "all",
-  "printWidth": 80,
+  "printWidth": 100,
   "tabWidth": 2,
-  "useTabs": false
+  "useTabs": false,
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "endOfLine": "auto",
+  "quoteProps": "consistent",
+  "arrowParens": "always",
+  "proseWrap": "preserve"
 }

eslint.config.js

@@ -5,6 +5,9 @@ import prettierConfig from "eslint-config-prettier";
 import globals from "globals";
 import react from "eslint-plugin-react";
 
+import importPlugin from "eslint-plugin-import";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+
 export default [
   {
     languageOptions: {
@@ -28,6 +31,8 @@ export default [
     files: ["**/*.{ts,tsx}"],
     plugins: {
       "react-hooks": reactHooks,
+      "import": importPlugin,
+      "simple-import-sort": simpleImportSort,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
@@ -40,6 +45,12 @@ export default [
 
       // 추가: 빈 블록({}) 허용
       "no-empty": "warn",
+
+      /*import 규칙 추가*/
+      "simple-import-sort/imports": "warn", // import 구문 정렬 검사
+      "simple-import-sort/exports": "warn", // export 구문 순서 정리
+      "import/newline-after-import": "warn", // import 구문 다음에 코드 한줄 띄워줌(빈 줄 추가)
+      "import/no-duplicates": "warn", // 중복된 import 구문 있으면 하나로 합쳐줌(중복제거)
     },
   },
   prettierConfig,

index.html

@@ -5,10 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/Logo(blue no bg).svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>잇츠파인(Eatsfine)</title>
-    <meta
-      property="og:title"
-      content="Eatsfine(잇츠파인) - It's fine, and Eats fine"
-    />
+    <meta property="og:title" content="Eatsfine(잇츠파인) - It's fine, and Eats fine" />
     <meta
       property="og:description"
       content="'자리 자체'에 대한 니즈를 포착한 IT 커머스형 웹 애플리케이션 서비스"

package.json

@@ -58,10 +58,12 @@
     "@vitejs/plugin-react": "^5.1.1",
     "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": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-simple-import-sort": "^13.0.0",
     "globals": "^16.5.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.4.0",