ESLint는 코드 품질을 검사하고 중복 코드, 안티 패턴 등을 감지하여 표시할 수 있는 도구입니다. Prettier와 ESLint를 함께 사용하면 코드를 형식화하고 동시에 중복 코드를 감지할 수 있습니다.

다음은 Prettier와 ESLint를 함께 사용하여 중복 코드를 제거하는 방법입니다.

먼저, 프로젝트에 ESLint를 추가합니다.

npm install eslint --save-dev

그런 다음, Prettier와 함께 ESLint 플러그인을 설치합니다.

npm install eslint-plugin-prettier eslint-config-prettier --save-dev

이제 ESLint 구성 파일인 .eslintrc.js를 만들고 다음과 같이 Prettier 플러그인을 추가합니다.

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: ['plugin:prettier/recommended'],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  rules: {
    // 여기에 사용자 정의 규칙을 추가할 수 있습니다.
  },
};

이제 코드를 형식화하고 중복 코드를 제거하려면 다음 명령어를 실행합니다.

npx eslint --fix .

이 명령어는 코드를 형식화하고 ESLint 규칙을 적용하여 중복 코드를 제거합니다. 이렇게 함으로써 Prettier를 사용하면서도 중복 코드를 효과적으로 제거할 수 있습니다.

참고 문헌:

• https://prettier.io/docs/en/integrating-with-linters.html
• https://eslint.org/docs/user-guide/getting-started