Merge pull request #18 from boostcampwm-2022/chore/#17-K

Chore/#17-K: husky hook 추가

Author: se030

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint-staged

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "useTabs": false,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "singleQuote": true,
+  "endOfLine": "lf"
+}

client/.eslintrc

@@ -19,6 +19,11 @@
     "sourceType": "module"
   },
   "plugins": ["react", "@typescript-eslint", "import"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
   "rules": {
     "react/react-in-jsx-scope": "off",
     "react/jsx-filename-extension": [1, { "extensions": [".ts", ".tsx"] }],
@@ -28,6 +33,7 @@
     "no-nested-ternary": "error",
     "eqeqeq": "error",
     "no-console": "warn",
+    "import/no-unresolved": "off",
     "import/order": [
       "error",
       {

client/package.json

@@ -17,19 +17,12 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
-    "@types/eslint": "^8",
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "@types/testing-library__jest-dom": "^5",
-    "@typescript-eslint/eslint-plugin": "latest",
-    "@typescript-eslint/parser": "^5.42.1",
     "@vitejs/plugin-react": "^2.2.0",
-    "eslint": "latest",
-    "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-react": "latest",
     "sass": "^1.56.1",
-    "typescript": "^4.6.4",
     "vite": "^3.2.3",
     "vite-tsconfig-paths": "^3.5.2"
   }

client/src/components/common/Button/index.tsx

@@ -1,6 +1,7 @@
-import style from "./style.module.scss";
 import cx from "classnames";
 
+import style from "./style.module.scss";
+
 interface ButtonProps {
   text: string;
   icon?: JSX.Element;

client/src/pages/Login/index.tsx

@@ -1,8 +1,9 @@
+import BubblesIcon from "src/components/common/Icon/Bubbles";
+import LogoIcon from "src/components/common/Icon/Logo";
+
 import Button from "../../components/common/Button";
 import GithubIcon from "../../components/common/Icon/Github";
 import style from "./style.module.scss";
-import BubblesIcon from "src/components/common/Icon/Bubbles";
-import LogoIcon from "src/components/common/Icon/Logo";
 
 function LoginPage() {
   return (

client/vite.config.ts

@@ -1,7 +1,8 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
 import { resolve } from "path";
 
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],