Eslint & Prettier

이예음·2022년 10월 27일
0
post-thumbnail

Eslint란?

코드의 가독성을 높이고 오류와 버그를 제거하기 위해 생긴 도구이다.
코드에 스타일과 규칙을 적용해서 문제를 사전에 발견하고 패턴을 적용시킬 수 있다.

Eslint를 사용하는 이유

  • 다양한 플러그인을 사용할 수 있다.
  • 새로운 규칙을 추가하거나 커스텀할 수 있다.
  • 뛰어난 확장성을 가지고 있다.

Eslint 설치방법

  • 설치
npm i -D eslint

Prettier란?

Visual Studio Code Extention으로 정해진 규칙을 바탕으로 코드를 정리하는 도구

Prettier를 사용하는 이유

  • 코드를 예쁘게 만들어준다
  • 자동으로 정렬해서 가독성을 높일 수 있고, 코드 스타일을 통일할 수 있따.
  • 미리 규칙이 세팅되어있어서 ESlint 같이 규칙을 추가하지 않아도 사용할 수 있다.
  • ESlint는 수정 사항만 알려주지만, Prettier는 직접 수정도 해준다.

Prettier 설치방법

npm i -D prettier

참조

Prettier 란 ? , Prettier 설치
ESlint 란 ? , ESlint 설치

profile
응애

0개의 댓글