ESLint와 Prettier의 차이 및 특징

ESLint

 

코드의 문법적 오류와 스타일 규칙을 검사하고, 코드 품질을 높이는 도구

- console.log 사용 금지

- 변수 사용 시 const 권장(let 사용 x)

- eqeqeq 규칙으로 == 대신 === 사용

- 사용되지 않은 변수 경고

 

 

Prettier

 

코드 스타일을 자동으로 포맷팅 하는 도구로, 주로 코드 일관성을 유지하기 위해 사용

- 코드 들여쓰기

- 세미콜론 추가

- 큰 따옴표 > 작은따옴표로 변경

- 줄 바꿈 처리

 

 

---

 

ESLint와 Prettier를 함께 쓴다면?

ESLint는 코드의 품질을 관리하고 문법적인 오류를 잡는데 초점

Prettier는 코드의 스타일을 일관성 있게 자동으로 맞추는데 초점 

문법적인 문제 해결과 스타일을 맞출 수 있기 때문에 코드의 품질, 일관성 모두 높아진다.