ESlint.md

ESlint

• ESlint는 문법 검사 도구이다. 자바스크립트 문법 중에서 잘못된 것을 찾는 역할을 한다.
• 비주얼 스튜디오 코드에서 ESlint 확장 프로그램을 설치 해야 사용할 수 있다.
• 다음 링크를 통해서 설치할 수도 있다.
• 타입스크립트를 만든 마이크로 소프트에서 제공하는 문법 검사 도구로, 자바스크립트 코드를 직접 실행하지 않고서도 코드의 에러를 일부 발견할 수 있도록 돕는다.
• 문법의 오류를 검사하며 논리적인 오류는 검사할 수 없다. 예를 들어 "문자열"->length는 ->라는 문법 표현이 자바스크립트에 없기 때문에 에러가 발생한다. "문자열".length는 문자열의 문자수를 나타낸다. 하지만, const checkNumber = (value) => !typeof value === 'string'를 사용하여 값이 수인지를 검증하는 기능은 실행에는 문제가 없지만, 수인지 확인해야 하는데 문자열을 확인하기 때문에 의도와 다른 동작을 하게 된다. 이런 목적과는 다른 동작을 하는 것이 로직 에러이다.
• 비쥬얼 스튜디오 상단의 [보기] 메뉴의 [문제] 항목을 클릭하면 비쥬얼 스튜디오 하단에 eslint로 검사한 결과를 표시한다.
• 문법 오류가 발생하면 코드에 빨간 밑줄로 표시를 해 주고 마우스 커서를 가져다 대면 왜 에러가 발생했는지 알려 준다.