ESlint & Prettier

ESlint는 자바스크립트 문법 중 에러가 있는 곳에 표시를 달아두는 도구이다.

코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일을 유지하여 개발자가 쉽게 읽도록 코드를 만들어준다.

위 사진과 같이 잘못된 코드를 작성했을 때 빨간 줄로 알려준다.

Prettier는 원본 스타일을 모두 제거하고 출력되는 모든 코드가 일관된 스타일을 준수하도록 만들어 주는 도구

Prettier는 줄바꿈, 공백, 들여 쓰기 등과 같은 스타일을 교정해준다.

예를 들어

위와 같은 코드가

처럼 바뀐다.