먼저, ESLint와 Prettier를 함께 사용하려면 다음 명령어로 필요한 모듈을 설치합니다.

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

그리고 .eslintrc 파일에 다음과 같이 설정을 추가합니다.

{
  "extends": ["plugin:prettier/recommended"]
}

이렇게 설정하면 Prettier가 코드 포맷팅을 담당하고, ESLint는 네이밍 규칙을 담당하게 됩니다. 추가적으로 요구하는 네이밍 규칙을 설정하고 싶다면, 해당 규칙을 정의한 ESLint 플러그인을 설치하고 .eslintrc 파일에서 추가 설정을 해주면 됩니다.

이렇게 설정하면 코드를 작성할 때 Prettier가 스타일을 자동으로 맞춰주고, ESLint가 네이밍 규칙을 적용하여 더욱 일관된 코드를 작성할 수 있습니다.

참고 자료:

• ESLint 공식 홈페이지
• Prettier 공식 홈페이지