1. ESLint

보다 좋은 품질의 자바스크립트 코드를 작성하기 위한 일종의 코드 스타일 가이드다.
작성된 코드의 구문을 분석하여 버그가 발생할 여지가 있거나, 불필요한 코드, 혹은 보안상 위험한 코드 등에 대한 경고를 띄워준다.

2. Prettier

일관된 코드 스타일로 출력함으로써 가독성을 높여주는 코드포멧터이다.
여러 코드스타일 규칙들을 직접 설정해줄수 있다.

3. 정리

일반적으로 두가지를 동시에 사용하며
ESLint는 문법교정과 코드스타일링 기능도 포함하고 있지만
Prettier의 코드스타일링 기능이 더 뛰어나기 때문에
ESLint는 문법교정 기능을 담당하고 코드스타일링 기능은 Prettier에게 일임하여
Prettier가 코드스타일링 기능을 담당한다.

---

출처: wecode