ch05.ESLint와 Prettier

ESLint

• 문법 검사 도구이다.
• 코드를 작성할 때 실수를 하면 에러 혹은 경고 메시지를 VS Code 에디터에서 바로 확인할 수 있게 해 준다.

• 

• 해당 에러가 문제 탭과 코드에 바로 나타난다(문제 탭이 없을 경우 보기-> 문제 클릭)
• 노란색 줄은 무시해도 되지만 빨간색 코드는 반드시 수정해야 된다(수정 안 하면 페이지가 브라우저에 안 나온다)

Pretter

• 코드 스타일 자동 정리 도구이다.
• 들여 쓰기가 안되어 있는 코드들을 f1을 누르고 format검색 후 enter 클릭식 코드가 정렬된다.
• 세미콜론이 빠진 곳도 자동 추가되고 작은따옴표는 큰 따옴표로 변경해준다.
• Prettier는 코드 스타일을 사전에 설정 가능하다.
• 저장할 때 자동으로 코드 정리가 가능하다.
  • 파일 -> 기본 설정 -> 설정 이동
  • format on save 검색
  • 해당 체크박스 체크

  •