fix: eslint prettier 관련 에러 수정 (20)

- eslint.config.js를 eslintrc.cjs로 변경
- eslinttc.cjs안에 import-order 설정 추가
- .prettierc를 수정해 LF개행 문자 설정
- import order 설정
- package.json에 npm run type-check 명령어 추가
- git commit 시 자동으로 타입검사 실행

.eslintrc.cjs

@@ -0,0 +1,55 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:prettier/recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: ['react', '@typescript-eslint', 'react-hooks', 'import', 'prettier'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+        'newlines-between': 'always',
+        alphabetize: { order: 'asc', caseInsensitive: true },
+      },
+    ],
+    'prettier/prettier': ['error', { endOfLine: 'auto' }],
+  },
+  ignorePatterns: ['node_modules/', 'build/', 'dist/', 'functions'],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+    'import/resolver': {
+      typescript: {
+        project: './tsconfig.app.json',
+      },
+      node: {
+        extensions: ['.js', '.ts', '.tsx'],
+        paths: ['src'],
+      },
+      alias: {
+        map: [['@', './src']],
+        extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
+      },
+    },
+  },
+};

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.prettierignore

@@ -46,4 +46,4 @@ document/
 .github/
 
 
-
+functions/

.prettierrc

@@ -8,8 +8,8 @@
   "bracketSpacing": true,
   "arrowParens": "always",
   "quoteProps": "as-needed",
-  "jsxSingleQuote": false,
   "endOfLine": "lf",
+  "jsxSingleQuote": false,
   "jsxBracketSameLine": false,
   "requirePragma": false,
   "insertPragma": false,

functions/tsconfig.dev.json

@@ -1,5 +1,6 @@
 {
   "include": [
-    ".eslintrc.js"
+    ".eslintrc.js",
+    "src"
   ]
 }

lefthook.yml

@@ -21,6 +21,9 @@ pre-commit:
     prettier:
       glob: '*.{js,ts,jsx,tsx,json,yaml,md}'
       run: npm run prettier {staged_files}
+    type-check:
+      glob: '*.{ts,tsx}'
+      run: npm run typecheck {staged_files}
 #     rubocop:
 #       tags: backend style
 #       glob: "*.rb"