eslint-config
eslint-config는 ESLint 규칙 설정을 미리 정의한 것입니다. 이 설정은 프로젝트에 적용할 규칙들의 집합을 포함하며, 일반적으로 .eslintrc 파일이나 package.json 파일 내의 eslintConfig 섹션에 정의됩니다. eslint-config를 사용하면 여러 프로젝트에서 동일한 규칙을 쉽게 공유하고 재사용할 수 있습니다.예를 들어,
eslint-config-airbnb는 Airbnb의 JavaScript 스타일 가이드를 따르는 ESLint 설정이며, 이를 프로젝트에 적용하면 Airbnb가 권장하는 스타일로 코드를 작성하도록 강제할 수 있습니다.eslint-plugin
eslint-plugin은 ESLint의 기능을 확장하는 플러그인입니다. 이 플러그인들은 ESLint의 기본 규칙 세트에 없는 추가 규칙을 제공하거나, 특정 라이브러리나 프레임워크에 특화된 규칙을 제공합니다. 예를 들어, eslint-plugin-react는 React 특화 규칙을 제공하며, eslint-plugin-security는 보안 관련 규칙을 제공합니다.configs 필드
configs 필드는 eslint-plugin 내에서 사용됩니다. 플러그인이 여러 설정을 제공할 때,
configs 필드를 통해 이러한 설정을 정의합니다. 사용자는 이 중에서 필요한 설정을 선택하여 자신의 ESLint 설정에 포함시킬 수 있습니다.예를 들어,
eslint-plugin-react는 recommended라는 설정을 제공할 수 있으며, 이를 사용하려면 .eslintrc 파일에서 다음과 같이 설정할 수 있습니다:{ "extends": [ "plugin:react/recommended" ] }
⚠️ 중요! 사용처에서 위 처럼 사용하기를 원한다면 반드시
eslint-plugin으로 해야 한다.요약
- eslint-config: 미리 정의된 ESLint 규칙 설정의 집합입니다.
- eslint-plugin: ESLint의 기능을 확장하고 추가 규칙을 제공하는 플러그인입니다.
- configs 필드:
eslint-plugin내에서 여러 설정을 제공할 때 사용되는 필드로, 사용자가 플러그인의 특정 설정을 쉽게 적용할 수 있게 해줍니다.