EsLint & Prettier

EsLint

EsLint는 Es + Lint를 의미하며 Es는 자바스크립트를 표준화하기 위해 만들어진 규격인 ECMA Script이고, Lint는 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시를 달아놓기 위한 도구들이다.
그래서 EsLint는 자바스크립트 소스 코드가 ECMA script에 부합하는 검사해주는 툴이라고 할 수 있다.

EsLint를 사용하는 이유?

문법의 오류만 잡아주는게 아니라 코딩 스타일도 지정해서 수정할 수 있어 코드의 가독성을 높여주며, 훗날 발생할 수도 있는 오류와 버그를 잡아주어 전체적인 코드의 완성도를 높여준다.

Prettier

Prettier는 정해진 규칙에 따라 자동으로 코드 스타일을 정리 해주는 도구라고 할 수 있으며 규칙을 커스터마이징 할 수도 있다. 예를들면 문자열을 감싸는 부분을 ""을 쓸건지 ''을 사용할 건지 정하거나 Tab을 누르면 4칸을 이동할건지 2칸을 이동할건지 같은 부분을 정할 수 있다.

Prettier를 사용하는 이유?

코드를 저장할 때 정해놓은 규칙에 맞게 자동으로 정렬해서 가독성을 높이고 코드 스타일을 통일할 수 있다.

참고한 사이트 :
https://analogcoding.tistory.com/164
https://veggie-garden.tistory.com/13
https://canoe726.tistory.com/16