ESLint & Prettier

ESLint,Prettier 이 두개는 정말 비슷하고 차이점이 뭔지 파악하기가 쉽지 않다.

그래서 이번 포스팅에서는 이 두 아이가 어떤거고 어떤 차이점을 갖고있는지 알아보도록 하자.

ESLint

먼저 ESLint는 linter이다. 보통 잘못 입력한 코드상의 문법을 자동으로 수정하기 위해 사용된다고 볼 수 있다.

쉽게 말해 잘못된 문법을 알려주고 고칠수 있도록 도와준다 또 코드들도 좀 더 가독성 있게 예쁘게 만들어주는 역할을 한다.

---

Prettier

그렇다면 프리티어는 무엇일까?  프리티어는 formatting 만 지원하는  formatter 이다.

코딩 컨벤션을 유지해주는 역할을 한다. 개발자 두명이 있으면 각자 개발하는 스타일이 다를것이다. 누구는 들여쓰기를 2칸 할 수 도 있고

누구는 들여쓰기를 4칸으로 할 수 도있는데 이걸 프리티어를 설정하여 같은 스타일로 코드를 작성할 수 있게 해준다.

---

결론적으로 ESLint는 좀 더 가독성도 좋게 만들어주고 코드의 퀄리티를 어느정도 보장하도록 도와주는 역할이고 , Prettier는 서로 다른 코드 스타일을 통일되도록 만들어주는 역할 정도로 생각하면 좋을 것 같다.