Merge pull request #475 from Gwasuwon-shot/fix#449-eslintEdit

Fix#449 eslint edit

Author: eunbeann

.eslintrc.cjs

@@ -1,13 +1,23 @@
 module.exports = {
   parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint", "prettier"],
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: "module",
+  },
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  plugins: ["@typescript-eslint", "prettier", "react", "simple-import-sort"],
   extends: [
     "airbnb",
     "plugin:import/errors",
     "plugin:import/warnings",
     "plugin:prettier/recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier/@typescript-eslint",
+    "plugin:react/recommended",
+    "prettier",
   ],
   rules: {
     "linebreak-style": 0,
@@ -22,6 +32,7 @@ module.exports = {
     "eol-last": ["error", "always"], // line의 가장 마지막 줄에는 개행 넣기
     "react/react-in-jsx-scope": "off",
     "no-multi-spaces": "error", // 스페이스 여러개 금지
-    "simple-import-sort/imports": "error"
+    "simple-import-sort/imports": "error",
+    "no-use-before-define": ["error", false],
   },
 };

.nvmrc

@@ -1 +1 @@
-v18.19.0
+v18.20.3

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint",
     "stylelint": "stylelint './src/**/*.tsx' --fix",
     "preview": "vite preview"
   },
@@ -59,13 +59,20 @@
     "@typescript-eslint/parser": "^5.59.0",
     "@vitejs/plugin-react": "^4.0.0",
     "eslint": "^8.44.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.3.4",
+    "eslint-plugin-simple-import-sort": "^12.1.0",
     "postcss": "^8.4.25",
     "postcss-styled-syntax": "^0.4.0",
     "prettier": "^3.0.0",
     "slick-carousel": "^1.8.1",
-    "typescript": "^5.0.2",
+    "typescript": "5.1.6",
     "vite": "^4.3.9"
   }
 }

src/api/createLesson.ts

@@ -33,18 +33,18 @@ export async function createLesson(props: createLessonProps) {
     `/api/lesson`,
     {
       lesson: {
-        studentName: studentName,
-        subject: subject,
-        payment: payment,
-        amount: amount,
-        count: count,
-        startDate: startDate,
-        regularScheduleList: regularScheduleList,
+        studentName,
+        subject,
+        payment,
+        amount,
+        count,
+        startDate,
+        regularScheduleList,
       },
       account: {
         // name: name,
-        bank: bank,
-        number: number,
+        bank,
+        number,
       },
     },
     {

src/api/createLessonMaintenance.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 interface createLessonMaintenanceProps {
@@ -12,8 +13,8 @@ export async function createLessonMaintenance(props: createLessonMaintenanceProp
   const data = await axios.post(
     `${import.meta.env.VITE_APP_BASE_URL}/api/lesson/maintenance`,
     {
-      lessonIdx: lessonIdx,
-      isLessonMaintenance: isLessonMaintenance,
+      lessonIdx,
+      isLessonMaintenance,
     },
     {
       headers: {

src/api/deleteLesson.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function deleteLesson(lessonIdx: number) {

src/api/getAttendanceExist.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function getAttendanceExist(scheduleIdx: number) {

src/api/getDepositRecord.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function getDepositRecord(lessonId: number) {

src/api/getLatestScheduleByTeacher.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function getLatestScheduleByTeacher() {

src/api/getLessonAccount.ts

@@ -1,4 +1,5 @@
 import axios from "axios";
+
 import { getCookie } from "./cookie";
 
 export async function getLessonAccount(lessonIdx: number) {