Prettier 쓰는 이유, ESLint 와의 차이점

ESLint 는 javascript 로 적힌 코드가 js 문법에 잘 맞게 쓰였는지 검사해주고 문법 에러를 명시해주는 툴이다.

Prettier 는 나만의 코드 스타일을 만들고 적용하는 툴이다. 예를 들면, 끝에 세미콜론을 꼭 붙이고.. 탭은 2개로 하고.. 줄 띄움은 1개로 하고.. 이런 저런 설정을 할 수 있다.

 

ESLint 를 쓰는 이유는 명확하다. 문법 에러를 잡아주니까!

그런데 Prettier 는 왜 쓸까? 탭, 줄을 몇 줄로하고... 등등은 문법 에러도 아니다.

보기 이쁜 코드라는 이유가 다일까?

 

생각해보기

보통 규모 있는 프로젝트에 참여한다면, 다른 사람과 협업을 하게 된다.

이때 일관성 있는 코드 스타일은 정말 중요하다.

어떤 사람은 줄 띄움을 3번 하고, 어떤 사람은 2번 하고... 어떤 사람은 탭을 2번하고, 어떤 사람은 1번하고...

각자 작성한 코드의 스타일이 중구난방이면 참.. 정신도 없고 일관성도 없고 참고하기도 불편하다.

이를 해결하기 위해 일관성 있는 코드 스타일 규칙을 정해주고, 각자 알아서 지키게 한다면.. 당연히 실수한다.

Prettier 는 규칙만 설정해주면 알아서 자동으로 그 규칙에 맞게 샥~ 정리해주니 정말 편하다.

 

결론!

깔끔한 코드와 협업을 위해서 일관성 있는 코드 스타일을 제공할 수 있는 Prettier 를 쓰자.