.eslintrc.js

module.exports = {
    root: true, // 루트 디렉토리에서 ESLint 설정을 시작한다는 의미
    env: {
      browser: true, // 브라우저 환경을 지원한다는 의미
      es6: true, // ECMAScript 6(ES6) 문법을 지원한다는 의미
    },
    parser: '@typescript-eslint/parser', // TypeScript 파서를 사용한다는 의미
    plugins: ['@typescript-eslint', 'prettier', 'react'], // 사용할 ESLint 플러그인을 지정
    extends: [
      // 다른 config를 사용하더라도 prettier를 맨 마지막에 넣어야 모든 중복 규칙을 비활성화 시킬 수 있다.
      'airbnb', // Airbnb 스타일 가이드를 기반으로 하는 ESLint 규칙을 사용한다는 의미
      'prettier', // Prettier와 관련된 ESLint 규칙을 사용한다는 의미
      'plugin:import/errors', // import 구문에 대한 오류를 감지하기 위한 규칙을 사용한다는 의미
      'plugin:import/warnings', // import 구문에 대한 경고를 감지하기 위한 규칙을 사용한다는 의미
      'plugin:@typescript-eslint/recommended', // TypeScript 관련 규칙을 사용한다는 의미
      'eslint:recommended', // 기본적인 ESLint 규칙을 사용한다는 의미
      'plugin:react/jsx-runtime', // JSX 요소를 사용할 때 React가 필요하다는 경고를 피하기 위한 설정
      // 'prettier/@typescript-eslint', // TypeScript와 관련된 Prettier 규칙을 사용한다는 의미 (주석 처리된 상태)
      'plugin:prettier/recommended', // Prettier와 관련된 ESLint 규칙을 사용한다는 의미
    ],
    rules: {
      '@typescript-eslint/no-unused-vars': 'off', // 사용하지 않는 TypeScript 변수에 대한 경고를 비활성화
      'no-param-reassign': 0, // 매개변수의 값을 수정하는 것을 허용
      'global-require': 0, // require 함수를 전역에서 사용하는 것을 허용
      'no-console': 0, // console.log 등의 console 사용을 허용
      'no-undef': 'off', // 정의되지 않은 변수를 사용하는 것을 허용
      'no-unused-vars': 'off', // 사용하지 않는 변수에 대한 경고를 허용
      'linebreak-style': 0, // 개행 스타일을 무시
      'import/prefer-default-export': 0, // 모듈에서 단일 default export를 요구하지 않음
      'prettier/prettier': 0, // Prettier 관련 규칙 비활성화
      'import/extensions': 0, // 파일 확장자가 있는 import 구문을 요구하지 않음
      'no-use-before-define': 0, // 변수가 정의되기 전에 사용하는 것을 허용
      'import/no-unresolved': 0, // 해결되지 않은 import 경로를 허용
      'import/no-extraneous-dependencies': 0, // devDependency를 테스트 또는 개발환경 구성 파일에서 허용
      'no-shadow': 0, // 외부 범위에서 선언된 변수와 동일한 이름의 변수를 사용하는 것을 허용
      'react/prop-types': 0, // PropTypes 사용을 요구하지 않음
      'react/jsx-filename-extension': [
        2,
        { extensions: ['.js', '.jsx', '.ts', '.tsx'] },
      ], // .js, .jsx, .ts, .tsx 확장자 파일에서 JSX를 사용할 수 있도록 허용
      'jsx-a11y/no-noninteractive-element-interactions': 0, // 상호 작용하지 않는 요소에 이벤트 핸들러 사용을 허용
      '@typescript-eslint/no-var-requires': 0, // require 구문 사용을 허용
    },
  };