ESLint 설정 가능한 규칙들

ESLint

JavaScript 코드의 품질을 검사하고 스타일 가이드 준수를 강제하는 도구.

다양한 규칙을 설정하여 사용자 정의할 수 있다.

ESLint 설정 파일인 .eslintrc 파일을 편집하여 규칙을 구성 가능.

 

1. indent: 코드 들여쓰기를 관리합니다. 주로 탭(tab) 또는 스페이스(space)를 몇 개 사용할지, 들여쓰기의 깊이 등을 설정합니다.
2. semi: 세미콜론 사용 여부를 관리합니다. 세미콜론을 사용할 것인지 아니면 생략할 것인지 설정합니다.
3. quotes: 문자열을 따옴표로 감싸는 방식을 관리합니다. 홑따옴표(') 또는 쌍따옴표(")를 사용할 것인지 설정합니다.
4. no-unused-vars: 선언한 변수를 사용하지 않는 경우를 검사합니다.
5. no-console: console.log와 같은 디버그 목적의 콘솔 출력을 코드에서 제거하도록 권장합니다.
6. no-undef: 정의되지 않은 변수를 사용하는 경우를 검사합니다.
7. no-extra-semi: 불필요한 세미콜론 사용을 검사합니다.
8. no-multiple-empty-lines: 여러 개의 빈 줄을 허용하지 않도록 설정합니다.
9. max-len: 코드 라인의 최대 길이를 설정합니다. 너무 긴 라인을 방지하기 위해 사용됩니다.
10. camelcase: 변수와 함수 이름을 카멜 케이스로 작성하도록 권장합니다.
11. eqeqeq: 일치 연산자(===, !==)를 권장하여 형 변환 오류를 방지합니다.
12. no-else-return: if 문 블록 내에서 return 문을 사용하고 else 블록을 작성하지 않도록 권장합니다.
13. no-extra-parens: 불필요한 괄호 사용을 방지합니다.
14. no-unsafe-finally: try-catch-finally 블록에서의 finally 내에서 예외 처리를 올바르게 수행하도록 권장합니다.
15. no-unused-expressions: 사용하지 않는 표현식을 검사합니다.
16. no-dupe-keys: 객체 리터럴 내에서 중복된 키를 허용하지 않도록 설정합니다.
17. no-var: var 키워드 대신 let 또는 const를 사용하도록 권장합니다.
18. arrow-spacing: 화살표 함수의 화살표 앞뒤의 공백을 관리합니다.
19. no-empty-function: 빈 함수 정의를 방지합니다.
20. no-irregular-whitespace: 비정상적인 공백 문자를 방지합니다.