ESLint와 Prettier는 왜 함께 사용하나요?

이렇게 답해 보세요 (핵심 답변)

ESLint는 선언되지 않은 변수나 잘못된 Hook 의존성처럼 버그 가능성이 있는 코드 패턴과 규칙을 잡는 정적 분석 도구이고, Prettier는 들여쓰기·따옴표·줄바꿈 같은 코드 스타일을 일관되게 자동 정렬해 주는 포매터입니다. 두 도구를 함께 쓰면 코드 품질 규칙과 서식 통일을 동시에 챙길 수 있어, 코드 리뷰에서 소모적인 줄바꿈 논쟁을 줄이고 비즈니스 로직과 설계에 집중할 수 있습니다. 다만 ESLint의 포매팅 관련 규칙이 Prettier와 충돌하지 않도록 eslint-config-prettier 등으로 역할을 분리하고 CI에서 동일하게 검증합니다.

함께 설명하면 좋은 이유 (꼬리질문 대비)

1. 정적 규칙 검사(코드 품질)와 텍스트 포매팅(코드 외형)의 책임을 분리하면 팀 전체의 코드 일관성을 적은 비용으로 유지할 수 있습니다.
2. 로컬 에디터 설정에만 의존하지 않고 CI 파이프라인에 lint 검사를 포함해야 팀원 간 환경 차이로 인한 누락을 막을 수 있습니다.

면접에서 자주 하는 실수

ESLint와 Prettier를 통과했다고 해서 런타임 비즈니스 로직이 올바르다고 보장되는 것은 아니므로 테스트를 대체할 수는 없습니다.