ESLint 설정 생성기

프리셋

프로젝트의 언어와 프레임워크를 선택합니다. import/plugin이 자동 구성됩니다.

언어

TypeScript를 선택하면 @typescript-eslint 플러그인이 추가됩니다.

TypeScript JavaScript

추가 플러그인과 도구 연동을 설정합니다.

Prettier 연동 (eslint-config-prettier)

Prettier와 충돌하는 ESLint 포맷팅 규칙을 비활성화합니다. 항상 마지막에 적용됩니다.

Import 정렬 (eslint-plugin-import)

import 문의 순서와 그룹핑을 강제합니다.

ESLint는 수백 개의 규칙을 제공하지만, 여기서는 프로젝트마다 설정이 달라지는 주요 규칙만 선택할 수 있습니다.

no-console

console.log 사용을 제한합니다. 프로덕션 코드에서 console 제거를 강제할 때 사용합니다.

no-unused-vars

선언 후 사용하지 않는 변수를 감지합니다. TypeScript에서는 @typescript-eslint 버전을 사용합니다.

prefer-const

재할당이 없는 변수에 const 사용을 강제합니다.

eqeqeq

== 대신 ===를 사용하도록 강제합니다.

curly

if/else/for/while 문에 중괄호 사용을 강제합니다.

no-debugger

debugger 문 사용을 제한합니다.

no-alert

alert, confirm, prompt 사용을 제한합니다.

no-var

var 대신 let/const 사용을 강제합니다.