Node.js와 Node-webkit을 설치하고 사용하기
HandyPost는 한 도영(HDNua)이 작성하는 포스트 문서입니다.
1. 개요
Node,js 모듈과 노드웹킷(Node-webkit)을 설치하고 사용하는 방법에 대해 알아본다.
2. 설치
여기서는 각 운영체제에 맞는 설치법을 알아본다. Node.js와 Node-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.js와 node-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. 프로그램이 실행되는 것을 확인한다.
이와 같이 두 모듈을 설치하고 사용할 수 있었다.
'Dev Tools' 카테고리의 다른 글
| Qt Creator: Qt Creator shows errors in fresh project, but code compiles fine (0) | 2020.12.06 |
|---|---|
| Git Usages (0) | 2015.07.18 |
| How to get current directory(current path) using node-webkit (2) | 2015.06.15 |
| 노드웹킷(node-webkit)을 이용하여 현재 경로 얻기 (5) | 2015.06.15 |
