[ESLint] 내가 사용할 config 파일

 js를 많이 사용하는 사람들은 보통 ESLint로 조금 더 까다로운 문법 검사를 하면서 에러를 쉽게 찾는다고 하시길래.. 나도 한번 써보려고 한다.

 

기본으로 생성되는 config 파일을 그대로 두고 쓰려니까, 세미콜론도 못쓰게 하시길래. 

 

내가 사용할 옵션들을 추가하고, 쓸데없는 옵션은 비활성화한 파일을 저장해두려고 한다.

---

◎.prettierrc.js

module.exports = {
  arrowParens: 'avoid',
  bracketSameLine: true,
  bracketSpacing: false,
  singleQuote: true,
  trailingComma: 'all',
};

 

◎.eslintrc.js

module.exports = {
  root: true,
  extends: '@react-native',
  rules: {
    semi: ['error', 'always'],
    quotes: ['error', 'single'],
    eqeqeq: ['error', 'always'],
    'no-console': 'warn',
    indent: ['error', 2],
    'no-trailing-spaces': ['error', {skipBlankLines: true}],
    'max-len': ['error', {code: 101}],
    'prettier/prettier': ['error', {endOfLine: 'auto'}],
    'space-in-parens': ['error', 'never'],
    'object-curly-spacing': ['error', 'never'],
  },
};

 

1. semi: ['error', 'always']
   • 모든 구문 끝에 세미콜론을 요구합니다.
2.  
   quotes: ['error', 'single']
   • 문자열에는 단일 따옴표(')를 사용하도록 강제합니다.
3.  
   no-unused-vars: ['error']
   • 사용되지 않은 변수가 있을 경우 오류를 발생시킵니다.
4.  
   eqeqeq: ['error', 'always']
   • 엄격한 비교 (=== 및 !==)를 사용하도록 요구합니다.
5.  
   no-console: 'warn'
   • console.log와 같은 콘솔 명령을 사용할 때 경고를 발생시킵니다. (생산 환경에서는 제거하는 것이 좋습니다.)
6.  
   indent: ['error', 2]
   • 들여쓰기는 공백 2칸을 사용하도록 강제합니다.
7.  
   no-trailing-spaces: 'error'
   • 줄 끝의 불필요한 공백을 제거하도록 요구합니다.
8.  
   curly: ['error', 'all']
   • 모든 제어문 (if, for, while 등)에 중괄호를 사용하도록 요구합니다.
9.  
   comma-dangle: ['error', 'never']
   • 객체나 배열의 마지막 항목 뒤에 쉼표 사용을 금지합니다.
10.  
    max-len: ['error', { 'code': 100 }]
    • 한 줄에 최대 100자를 넘지 않도록 제한합니다.
11. space-in-parens: ['error', 'never'] & object-curly-spacing: ['error', 'never']
    1. 1. 괄호와 대괄호 내부 공백 에러를 무시하도록 합니다.