Skip to content

Commit 2422efa

Browse files
committed
ESlint 설명 추가
1 parent a9c87f6 commit 2422efa

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

document/bookExamples/ESlint.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,5 @@
44
- 다음 [링크](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)를 통해서 설치할 수도 있다.
55
- 타입스크립트를 만든 마이크로 소프트에서 제공하는 문법 검사 도구로, 자바스크립트 코드를 직접 실행하지 않고서도 코드의 에러를 일부 발견할 수 있도록 돕는다.
66
- 문법의 오류를 검사하며 논리적인 오류는 검사할 수 없다. 예를 들어 `"문자열"->length``->`라는 문법 표현이 자바스크립트에 없기 때문에 에러가 발생한다. `"문자열".length`는 문자열의 문자수를 나타낸다. 하지만, `const checkNumber = (value) => !typeof value === 'string'`를 사용하여 값이 수인지를 검증하는 기능은 실행에는 문제가 없지만, 수인지 확인해야 하는데 문자열을 확인하기 때문에 의도와 다른 동작을 하게 된다. 이런 목적과는 다른 동작을 하는 것이 로직 에러이다.
7-
- 비쥬얼 스튜디오 상단의 [보기] 메뉴의 [문제] 항목을 클릭하면 비쥬얼 스튜디오 하단에 eslint로 검사한 결과를 표시한다.
7+
- 비쥬얼 스튜디오 상단의 [보기] 메뉴의 [문제] 항목을 클릭하면 비쥬얼 스튜디오 하단에 eslint로 검사한 결과를 표시한다.
8+
- 문법 오류가 발생하면 코드에 빨간 밑줄로 표시를 해 주고 마우스 커서를 가져다 대면 왜 에러가 발생했는지 알려 준다.

0 commit comments

Comments
 (0)