Node.jsNode-webkit을 설치하고 사용하기

HandyPost는 한 도영(HDNua)이 작성하는 포스트 문서입니다.

 

1. 개요

Node,js 모듈과 노드웹킷(Node-webkit)을 설치하고 사용하는 방법에 대해 알아본다.

 

2. 설치

여기서는 각 운영체제에 맞는 설치법을 알아본다. Node.jsNode-webkit 모듈의 공식 홈페이지는 다음과 같다.

Node.js: https://nodejs.org/

Node-webkit: http://nwjs.io/

 

2.1) Windows 7

node.js의 설치는 쉽다. 공식 홈페이지에서 인스톨러를 내려받고 설치하면 바로 사용 가능하게 된다. node-webkit의 경우는 이전 문서에서 잘 정리했으니 그 내용을 그대로 가져오겠다.

node-webkit은 바이너리 형태로 제공되는데 압축을 풀면 nw.exe 실행 파일이 포함된 디렉터리가 생성된다. 여기서는 C:\nwjs 폴더에 node-webkit 파일이 있다고 하겠다. 즉 두 폴더의 전체 경로는 각각 다음과 같다.

C:\Users\Administrator\Desktop\project

C:\nwjs

이제 nw.exe 프로그램을 환경 변수로 등록한다. 이를 위해 다음의 두 과정을 거친다.

1. PATH 변수에 C:\nwjs;를 추가한다.

2. 사용자 환경 변수에 nw를 추가하고 값을 C:\nwjs\nw로 설정한다.

그러면 환경 변수는 이런 상태가 된다.



최종적으로 터미널을 열고 nw를 입력하여 프로그램이 잘 실행되는지 확인한다.



2.2) Ubuntu Linux

Node.js의 설치는 아주 단순하다. 터미널을 열고 다음을 입력한다.

sudo apt-get install nodejs

이것만으로 Node.js는 사용 가능한 상태가 된다. 다음은 Node-webkit을 설치해보자.

1) Node-webkit 공식 홈페이지로 이동한다.

2) Node-webkit 바이너리 파일을 내려 받는다.

3) 내려 받은 파일의 압축을 풀고 적당한 위치로 옮긴다. 나는 usr/local/bin에 폴더를 옮기고 이름을 nwjs로 바꿨다.

(usr/local/bin에 폴더를 옮기려면 루트 권한을 획득해야 한다)

4) 터미널을 열고 PATH 환경 변수를 수정하기 위해 다음을 입력한다.

sudo vi /etc/environment

5) nw 실행 파일을 터미널에서 바로 실행할 수 있도록 하기 위해, PATH의 마지막 콜론 뒤에 다음을 입력한다.

/usr/local/bin/nwjs

6) 파일을 저장한 다음 터미널을 닫고, 로그오프한 후 다시 로그인한다.

7) nw를 입력하여 프로그램이 잘 실행되는 것을 확인한다.


2.3) Mac OS X Yosemite

node.js의 경우 Windows와 같이 인스톨러가 제공된다. 이를 통해 설치한다.



node-webkit의 경우, Mac OS X는 기본적으로 UNIX 기반이라 Ubuntu의 경우와 거의 같다. 이를 참조하여 아래 내용을 수행한다.

1. 바이너리를 다운로드받고 압축을 푼 후 /usr/local/bin에 폴더를 옮기고 폴더 이름을 nwjs로 바꾼다.

2. PATH 환경변수에 다음 경로를 추가한다.

/usr/local/bin/nwjs/nwjs.app/Contents/MacOS

3. /usr/local/bin/nwjs/nwjs.app/Contents/MacOS 위치로 이동해서 nwjs 파일을 nw로 변경한다.

4. nw를 입력하여 프로그램이 실행되는지 확인한다.



이와 같이 운영체제에 node.jsnode-webkit을 설치할 수 있었다.

 

3. 사용

각 운영체제 별로 환경을 동일하게 맞추었으므로, 같은 방법으로 사용할 수 있다.

1. package.json 파일과 index.html 파일을 다음과 같이 작성한다.

project/package.json

{

"name": "getting current path example",

"main": "index.html"

}

project/index.html

<html>

<body>

<script>

alert('hello, world!');

</script>

</body>

</html>

2. 작성한 파일을 app.zip 파일로 압축한다.

3. 명령 프롬프트 또는 터미널을 열고 압축 파일이 있는 폴더로 이동한다.

4. nw app.zip을 입력한다.

5. 프로그램이 실행되는 것을 확인한다.

이와 같이 두 모듈을 설치하고 사용할 수 있었다.

Posted by 누아니