node-webkit 은 노드의 특성을 모두 가지고 있죠..

노드의 가장 큰 장점은 수 많은 모듈이 제공된다는 점입니다 .

지금도 끝없이 모듈이 만들어지고 있다는 것이 노드의 장미빛 미래를 약속하는 것입니다 .

이 모듈을 쓰는 것도 정말 쉽습니다. 

바로 npm 이라고하는 걸출한 모듈 설치 유틸리티 때문입니다. 

그래서 

node-webkit  을 사용할 수 있는데...

근데...

한가지 조심하여야 할 점은 

node-webkit 에서는 npm 으로 설치하는 모듈을 고려할때 

순수한 자바 스크립트만으로 만들어진 모듈만 설치하여야 한다는 점입니다. 

왜냐하면 

원래 노드의 자바 스크립트 바이너리 호출 인터페이스와 

node-webkit 의 자바 스크립트 바이너리 호출 인터페이스가 약간 다르기 때문입니다. 

그래서 C 또는 C++ 모듈이 섞여 있는 경우에 바이너리만 포함하고 있다면 

설치가 실패하거나 모듈 사용이 불가능할 수 있기 때문입니다. 

그래서 npm 을 선택해서 사용하는 모듈은 

반드시 순수하게 자바스크립트만으로 구성되어 있어야 합니다 .

이번 강좌는 이런 순수한 자바 스크립트만으로 구성되어 있으면서 

거의 필수적으로 사용되고 있는 것중 

async 모듈을 npm 을 통해서 설치해 보겠습니다. 

워낙 간단해서 예제 화면은 보여 드리지 않고 실행 하는 방법만 알려 드리겠습니다. 

단지 모듈로드가 되는 것만 보여 드리겠습니다. 

async 모듈에 대한 설명 역시 다른 강좌에서 설명해 드리는 것으로 하죠

뭐 깜박 잊어 먹으면 그것도 힘들지만요 ^^

오늘 만들 프로젝트 위치는 c:\nw\npm 이라는 디렉토리 입니다. 

그리고 이 디렉토리로 이동합니다. 

cd \nw\npm

먼저 package.json 을 다음과 같이 만듭니다. 

----[package.json]--------------------------------------------------------------
{
"name": "npm_test",
"main": "index.html"
}
--------------------------------------------------------------------------------

흠 

여기서 조심하셔야 할 것은 

name 의 항목에 "npm_test" 라고 써 넣죠?

이때 어떤 이름을 써도 좋지만 

빈칸없이 써야 합니다. ^^;

만약 이런식으로 쓰면 

"name": "npm test",

설치 에러 납니다. (ㅠㅠ)

자 이제 시험을 해 봐야 겠죠?


그리고 다음과 같이 명령을 사용해서 async 모듈을 설치 합니다. 

npm install async

별 무리 없이 async 모듈이 설치 되었음을 알수 있습니다 .

설치 위치는 

c:\nw\npm\node_modules\async

입니다. 

이제 시험을 하기 위해서 

다음과 같이 index.html을 작성합니다. 

----[index.html]----------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" /> 
<title>npm 사용</title>
</head>
<body>
<h1>npm 사용</h1>
간단하게 async 모듈을 로드만 해 봅니다.
<script type="text/javascript" src="main.js"></script>  
</body>
</html>
--------------------------------------------------------------------------------

이제 모듈을 호출하는 부분을 작성합니다. 

----[main.js]-------------------------------------------------------------------
var async=require('async');
console.log( 'main.js 안에서 async 모듈을 로드 하였습니다.' ); 
--------------------------------------------------------------------------------

이걸 

실행해 보면 됩니다. 

쉽죠?


이 게시물을...