Eslint & Prettier

이주형·2022년 12월 19일
0

backend

목록 보기
41/53

ESLint

Linter의 기능
느슨한 형식의 언어인 Javascript에서는 코드 에러가 자주 발생합니다.
하지만 JavaScript는 동적 분석(프로그램을 직접 실행해서 코드를 분석 <=> 프로그램을 실행하지 않고 분석하는 정적 분석)을 하기 때문에 에러를 찾기 위해서는 코드를 직접 실행해서 확인을 해봐야 합니다.

이를 도와주는 것이 Linter입니다. Linter는 코드를 정적으로 분석하기 때문에, 프로그램을 실행하지 않고도 코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동으로 검출해줍니다. 추가적으로 간단한 코드 포맷팅 기능도 있습니다.

Prettier

Prettier는 2016년에 등장한 코드 포맷터이다. Prettier를 사용하면 코드를 완전히 다시 작성해주며.(변경이 필요한 부분만 바꾸는 것이 아니라, 코드 전체를 새로 작성합니다.)
새로 작성한다고 해도 코드 내용은 변하지 않고, 구조적 뷰만 변경하게된다.

Eslint는 linter로써 문법상 오류를 방지.

Prettier는 formatter로써 코드 스타일을 통일하고 교정.

참조

https://soojae.tistory.com/39

0개의 댓글