ESLINT와 Prettier란?

ESLINT : 자바스크립트 linter이다.

 

그러면 linter란 무엇인가?

 

정적 타입 분석 도구이다.

즉, 코딩 컨벤션과 문법적 에러 체크를 도와주는 것입니다.

 

그럼 코딩 컨벤션은 무엇인가?

 

코딩 스타일이나 코딩 표준 가이드라인을 의미한다. 재밌는건 이 표준이라는게 기업마다 조금씩 다르다 ㅎㅎ

예시로 Google 스타일이나 Airbnb 스타일 같은게 있다.

 

Prettier도 ESLINT와 비슷한데, Prettier은 여기에 줄 간격, 줄 길이 같은 규칙을 설정하여 자동으로 정렬해준다.

Prettier은 그런 포맷을 맞춰주기 때문에 Code Formatter라고 한다.

 

규칙을 설정해 놓고 Editor의 Auto Save기능을 활용하면 저장을 할 때, 안 맞게 작성했던 코드들이 자동으로 인덴트된다.