ESLint가 뭐 하는 도구냐면

• 정적 분석(Static analysis): 코드를 실행하지 않고 문법/패턴을 검사해 버그 가능성을 미리 잡아요.
  • 예: 사용하지 않는 변수/임포트, 정의 안 된 식별자 사용, 위험한 비교, 죽은 코드 등
• 코드 스타일/일관성: 팀 규칙(따옴표, 세미콜론, import 순서 등)을 자동으로 강제/수정할 수 있어요.
• React/TS 보조: 훅 의존성 검사(react-hooks/exhaustive-deps), JSX 사용 패턴, TS 규칙 등으로 품질을 올려줘요.

Prettier는 “포맷(모양)” 중심, ESLint는 “품질/버그/베스트 프랙티스” 중심이라고 보면 편해요. 보통 ESLint + Prettier를 같이 씁니다(충돌은 eslint-config-prettier로 해결).