ESLint & Prettier

개발자라면 한번쯤을 들어봤을 ESLint와 Prettier이다.
개발자들은 보통 협업을 많이하기 때문에 다른 개발자의 코드를 보는일이 많아지게 된다.
이때 코드를 적을때 띄어쓰기라던지 들여쓰기 등등 방법이 모두 다르다면 안 그래도 남이 쓴 코드이기 때문에 읽기 힘들텐데 더욱 더 읽기 어려워지게 된다.
그래서 개발자들은 이러한 코드를 적는 방법을 약속을 하여 조금 더 코드 가독성을 올리는 방법을 생각하게 된다.
이를 코드 컨벤션 또는 코드 스타일이라고 하고 이 코드 컨벤션을 맞히는데 도와주는 것이 ESLint와 Prettier인 것이다.

ESLint와 Prettier

ESLint와 Prettier 모두 코드 컨벤션을 잡아주는 것들이지만, 둘은 염현히 차이점이 존재하고 이를 같이 사용하게 되는 것이다.

ESLint는 코드 퀄리티를 보장하도록 도와주고, Prettier는 코드 스타일을 통일되도록 도와준다.

ESLint

개발 중 특정 기능을 구현할 때 그 기능을 구현하기 위한 방식은 매우 많은 방식이 존재한다.

예를 들면 함수를 정의할때 함수 표현식, 함수 선언식, 화살표 함수 등이 존재하는데 이러한 여러 방식의 코드 작성법을 일관성 있는 방식으로 구현할 수 있도록 잡아주는 것이 ESLint가 하는 역할이다.

Prettier

Prettier는 ESLint와 같이 코드 구현 방식이 아닌 줄 바꿈, 공백, 들여 쓰기 등 에디터에서 텍스트를 일관되게 작성 하도록 도와주는 것이다.

참고 : Hello Inyong