ESLint, editorconfig, prettier, babel 등 차이

간단히 정리하면 이렇다

ESLint vs Prettier vs EditorConfig

• ESLint : 코드 퀄리티 향상
• Prettier : 코드 포매터(일정한 형태로 통일)
• EditorConfig : 에디터 규칙 통일(Prettier가 포매팅 하기 전에 동작)

(참고 : https://jinhyukoo.github.io/web/2021/06/21/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%952.html)

 

• ESlint는 규칙준수여부를 확인하고 경고나 에러를 발생시킨다. (특히 쌍따옴표, 홑따옴표 등 권고사항들을 지키도록 한다) 
• Prettier은 line-width 등 코드를 읽기 쉽도록 일정한 형태로 통일시켜준다.
• EditorConfig는 들여쓰기 간격, 탭 간격을 조정할 때 사용한다.(근데 대부분 Prettier에 있다.)
• Babel은 브라우저 호환성에 관계없도록 자바스크립트를 변경해주는 역할이라 위 3개와는 다른 성격이다.