nodejs 개발환경 설정 jsHint 소스 품질 향상

nodejs 개발환경 설정 jsHint 소스 품질 향상

 

jsHint 는 nodejs 기반의 소스 검사 툴입니다.

문법에러와 오타, 세미콜론 누락 등의 오류를 잡아주죠.

 

코드 품질 향상에 매우 도움이 되는 툴입니다.

 

앞에서 말씀드렸듯이 jsHint는 nodejs 기반의 툴입니다. 먼저 nodejs가 설치되어야 합니다.

nodejs 설치방법은 아래의 link를 참고하세요.

 

Link : node.js 설치방법과 간단한 실행 

 

nodejs가 설치 되었다면 아래의 사이트로 이동해주세요.

 

https://npmjs.com/

 

npm 은 node package manager 의 약자인데요. nodejs 개발에 필요한 많은 패키지들을 제공하는 사이트죠.

 

 

 

jshint 를 검색해서 가장 상단에 나오는 jshint를 선택합니다.

 

 

그런다음 우측을 보시면 npm install -g jshint 라고 있죠.

 

 

 

이것을 nodejs command prompt 창에 입력하면 설치가 진행됩니다.

(-g 는 전역 서치를 의미합니다.)

 

 

 

jshint가 잘 설치 되었는지 보도록 하죠.

nodejs 의 where 명령어를 사용하여

where jshint를 입력하면 jshint가 설치된 경로가 출력되게 됩니다.

 

 

 

그럼 사용방법을 보도록 하죠.

 

const http = require('http');
 
const server = http.createServer(function(req, res){
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello, world');
});
 
server.listen(3000);
console.log('listening at localhost:3000');

 

위와같은 간단한 서버를 생성하는 소스가 있다고 할때

해당 경로에서 jshint 명령어를 실행합니다. 위소스파일의 명은 hello_server.js 입니다.

 

 

jshint hello_server.js 를 입력했습니다. 2개의 에러가 있네요. 1번째 라인과 3번째 라인에서 const는 ES6에서 사용할 수 있다.. 라는 에러인데요.

 

뭐 이런 에러는 표출 해줄 필요가 없겠죠?

그래서 jshint 도 설정파일을 생성하여 옵션을 설정할 수 있습니다.

 

 

위와 같이 말이죠. 뭐 설명이 길게 있는데 .jshintrc 파일을 만들어 놓으면 현재폴더 부터 최상위 폴더까지 올라가면서 해당 파일을 찾습니다. 그래서 파일 내에 옵션을 설정하게 되죠.

 

그럼 프로젝트 상위에 .jshintrc를 만들어 아래와 같이 입력하겠습니다.

 

{
  "esversion": 6,
  "node": true
}

ECMAScript 버젼은 6이고 nodejs 를 사용하겠다 인데요.

이제 설정파일도 생성했으니 다시 실행보도록 하죠.

 

nodejs command prompt 창에 jshint hello_server.js 를 다시 입력합니다.

 

 

아무 에러도 발생하지 않는 것을 보실 수 있습니다.

 

그리고 jshint를 사용할 때 또 하나의 이점은 ATOM과의 연동입니다.

위와 같이 nodejs command prompt 창에 명령어를 입력하지 않아도 ATOM 창에서 오류를 표출해주죠.

 

 

jshint 도 나름?! 엄격한 툴입니다. 잘 사용해서 자신의 소스 품질을 올리도록 하세요~

 

Link : node.js 를 위한 무료 텍스트 에디터 추천 ATOM