-
Notifications
You must be signed in to change notification settings - Fork 0
/
.eslintrc.js
111 lines (111 loc) · 3.39 KB
/
.eslintrc.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
project: "./tsconfig.json",
ecmaVersion: "latest",
sourceType: "module",
},
plugins: [
"prettier",
"@typescript-eslint",
"eslint-plugin-prettier",
"react-hooks",
"jsx-a11y",
"import",
],
extends: [
"plugin:react/recommended",
"plugin:react/jsx-runtime",
"plugin:jsx-a11y/recommended",
"plugin:import/recommended",
"plugin:import/typescript",
"plugin:@typescript-eslint/recommended",
"plugin:prettier/recommended",
],
rules: {
"jsx-a11y/mouse-events-have-key-events": "off",
"jsx-a11y/click-events-have-key-events": "off",
"jsx-a11y/interactive-supports-focus": "off",
// 사용하지 않는 변수, import 문 경고
"@typescript-eslint/no-unused-vars": "warn",
// var 금지
"no-var": "warn",
// 일치 연산자 사용 필수
eqeqeq: "warn",
// 컴포넌트의 props 검사 비활성화, propstype 사용하지 않아도 경고 띄우지 않음
"react/prop-types": 0,
// 불필요한 세미콜론 사용 시 에러 표시
"no-extra-semi": "error",
// jsx 파일 확장자 .jx, .jsx, .ts, .tsx 허용
"react/jsx-filename-extension": [
2,
{ extensions: [".js", ".jsx", ".ts", ".tsx"] },
],
// 화살표 함수의 파라미터가 하나일때 괄호 생략
"arrow-parens": ["off"],
// 사용하지 않는 변수가 있을 때 발생하는 경고 비활성화
"no-unused-vars": ["off"],
// 콘솔 사용 시 발생하는 경고 비활성화
"no-console": ["off"],
// export문이 하나일 때 default export 사용 권장 경고 비활성화
"import/prefer-default-export": ["off"],
// react hooks의 의존성배열이 충분하지 않을 때 경고 표시
"react-hooks/exhaustive-deps": ["off"],
// 컴포넌트 이름은 PascalCase로
"react/jsx-pascal-case": "warn",
// 반복문으로 생성하는 요소에 key 강제
"react/jsx-key": "warn",
// 디버그 허용
"no-debugger": "off",
// [error] Delete `␍` prettier/prettier
"prettier/prettier": ["error", { endOfLine: "auto" }],
// [error] Function component is not a function declaration
"react/function-component-definition": [
2,
{ namedComponents: ["arrow-function", "function-declaration"] },
],
"react/react-in-jsx-scope": 0,
"react/prefer-stateless-function": 0,
"react/jsx-one-expression-per-line": 0,
"no-nested-ternary": 0,
// [error] Curly braces are unnecessary here
"react/jsx-curly-brace-presence": [
"warn",
{ props: "ignore", children: "never" },
],
// 파일의 경로가 틀렸는지 확인하는 옵션 false
"import/no-unresolved": ["error", { caseSensitive: false }],
// props spreading 허용하지 않는 경고 표시
"react/jsx-props-no-spreading": "off",
"linebreak-style": 0,
"import/extensions": 0,
"no-use-before-define": 0,
// 테스트 또는 개발환경을 구성 파일에서는 devDependency 사용 허용
"import/no-extraneous-dependencies": 0,
"no-shadow": 0,
"jsx-a11y/no-noninteractive-element-interactions": 0,
},
settings: {
"import/parsers": {
"@typescript-eslint/parser": [".ts", ".tsx", ".js"],
},
"import/resolver": {
node: {
extensions: [".js", ".jsx", ".ts", ".tsx"],
},
},
},
env: {
browser: true,
node: true,
},
overrides: [
{
files: ["index.js", "<tsconfigRootDir>/env.d.ts"],
excludedFiles: "<tsconfigRootDir>/env.d.ts",
rules: {
"@typescript-eslint": "off",
},
},
],
};