[Study] ESLint & Prettier

조혜인·2022년 7월 31일
0
post-thumbnail

ESLint와 Prettier는 협업할 때 사용하면 좋은 툴이다.
여러 사람이 협업할 경우 각자만의 코딩스타일을 가지고 있기 때문에 최종적인 코드가 중구난방일 수 있는데, 이러한 문제들을 규칙을 통해 정렬해주어 통일성을 부여해준다.


린터(Linter) 란?

  • 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시를 달아놓기 위한 도구들이다.
  • 즉, 여러 사람이 코딩할 때의 규칙을 통일화 시켜준다. 어떤 사람은 '같다'라는 표현을 ==을 다른 사람은 ===을 사용할 수 있고, 어떤 사람은 함수선언식을 다른 사람은 화살표 함수를 사용할 수 있는데 이러한 부분들을 규칙을 통해 하나로 통일시켜주는 것이다.

📌 ESLint

  • ESLint 홈페이지 : https://eslint.org/
  • ESLint는 린터 툴이다. 현재 나는 VSCode로 개발 중인데, Extention을 통해 쉽게 설치하여 사용하고 있다.

포맷터(Formatter)란?

  • 들여쓰기, 공백 및 기타 서식 등 파일의 형식을 일관되게 만든다. 코드를 보기 좋게 만들고 읽기 쉽게 만든다.
  • 즉, 얼마만큼 예쁘게 할 것인가를 통일시켜준다. 어떤 사람은 2칸씩 들여쓰기를 하고 다른 사람은 4칸씩 들여쓰기를 하게되면 코드가 굉장히 중구난방하게 보일 것이다. 이런 부분들을 규칙을 통해 하나로 통일시켜준다.

📌 Prettier

  • Prettier 홈페이지 : https://prettier.io/
  • Prettier는 포맷터 툴이다. 위와 마찬가지로 VSCode로는 Extention을 통해 쉽게 설치하여 사용하고 있다.
profile
코딩은 역시 재밌군

0개의 댓글