javascript linting | Hojong blog

자바스크립트는 컴파일언어가 아닌 스크립트 언어다보니 상대적으로 loosely한 언어이다.
하지만 그렇다고해서 오류가 발생 하지 않는것은 아니다. 그래서 오류를 줄이고 좀더 안전한 코딩을 하기 위해 ECMAScript5 부터 ‘use strict’ 라는 키워드가 등장했다. 쉽게 말해서 javascript사용에 있어서 발생할 수 있는 오류를 미연에 방지하기 위해서 안좋은 습관들을 막아준다.
이를 더 유연하게 사용할 수 있게 하기위해 JSlint와 약간 완화해서 실무에 적용하기 좋게 만든 JShint라는 도구가 있다.

npm을 통해 간단하게 설치를 할 수 있다.

npm install -g jshint

그리고 검사하고자 하는 파일을 실행시켜주면 된다.

jshint myFile.js

webstorm에서는 아래 경로에서 사용 여부를 선택 할 수 있다.

File - Setting - Languages and Frameworks - Javascript - Code Quality Tools 

파일 최상위에 comment 로 규칙을 지정 할 수 있다.

/* jshint 옵션: 값 */

.jshintrc 파일을 만들어서 프로젝트별로 규칙을 관리 할 수 있다.

//.jshintrc
{
  "camelcase": true,
  "indent": 2
}

자세한 옵션에 대한것은 jshint option에서 확인 할 수 있다.