강좌 & 팁
글 수 2,412
2013.10.28 17:27:44 (*.52.177.249)
33813
우선 임베디드 리눅스를 하는 사람이지만
편리상 윈도우 7 운영체제에서 진행합니다.
노트북에 설치된 놈이 윈도우 7이거든요 ^^
브라우저는 개인적으로 크롬 브라우저를 좋아해서
크롬 브라우저 깔고 기본으로 했습니다.
요즘 쬐금 크롬이 느려지는 감이 있기는 했습니다만..
뭐 node-webit 자체가 크롬 부라우저라서..
이거 설치하고 안하고의 문제가 영향을 끼치는지는 확인하지 않았습니다.
귀찮잖아요 ㅋㅋ
크롬 버전은 30.0.1599 어쩌구 저쩌꾸로 나옵니다.
즉! 버전 30이라는 것이군요 ㅋㅋ
뭐 좋죠...
이 크롬은 단순히 node-webkit 을 다운 받기 위한 겁니다.
이걸 꼭 설치할 필요는 없죠..
따라할때 같은 환경이면 편하니
설치하시면 뭐 좋겠죠..
어찌 되었든...
먼저
https://github.com/rogerwang/node-webkit
를 방문 합니다.
[그림 P001_node webkit 홈페이지.png]
쪽 내려가다 보면 Downloads 라는 부분을 볼 수 있고
이 글을 쓰는 시점상 v0.8.0-rc1 이 최신 버전이네요
우리는 소스를 받는 것이 아니고 바이너리 실행 버전이니깐...
windows:win32 라고 하는 부분을 클릭하시면 다운로드 받을 수 있습니다.
받은 파일 이름은 node-webkit-v0.8.0-rc1-win-ia32.zip 입니다 .
zip 으로 압축된 것이죠..
대략 24.5M 정도 됩니다.
다운로드 받은 파일을 적당한 위치로 옮긴 후 압축을 풉니다.
저는 C:\download 에 node-webkit-v0.8.0-rc1-win-ia32.zip 을 옮겨 놓고 압축을 풀었습니다.
[P002_node webkit 압축풀기.png]
C:\download\node-webkit-v0.8.0-rc1-win-ia32 라는 디렉토리가 생깁니다.
이 폴더를 통채로 "C:\Program Files" 디렉토리로 옮깁니다.
만약 컴퓨터가 64비트라면 "C:\Program Files (x86)" 디렉토리로 옮깁니다.
저는 32 비트 설치 상태라서 "C:\Program Files" 로 옮겼습니다.
그리고 폴더 이름을 "node-webkit" 으로 바꿉니다.
[P003_node webkit 프로그램 파일 디렉토리로 옮기기.png]
이 파일에는 다음과 같은 파일이 있습니다.
credits.html
ffmpegsumo.dll
icudt.dll
libEGL.dll
libGLESv2.dll
nw.exe
nw.pak
nwsnapshot.exe
각각에 파일은 역활이 있습니다.
필요한 경우 실제 만들 어플리케이션에 이 파일들을 복사해서 사용해야 합니다.
생각보다 이 파일들의 크기가 큽니다.
전체 파일 크기는 57.3MB 인데..
제 경험상 이것을 공통으로 사용하는 것 보다 필요한 어플리케이션 만들 때마다 복사해 사용하는 것이 편합니다.
진행의 편리상 이것을 항상 복사해 사용하는 것을 가정하겠습니다.
자 이제 간단한 어플리케이션을 작성하고 실행해 보도록 하죠..
먼저 앞으로의 원할한 진행을 위해서 다음과 같은 디렉토리를 하나 만들죠..
C:\nw
이제 "C:\Program Files\node-webkit" 디렉토리를 이쪽으로 옮긴 후 이름을 hi 라는 이름으로 바꿉니다.
[P004_샘플 프로젝트 폴더 작성.png]
다음은 dos 창을 띄우고 c:\nw\hi 폴더로 이동합니다.
[P005_샘플 프로젝트 폴더로 도스창 이동.png]
nw 를 실행명령을 실행했을때 "nw:blank" 의 URL 을 갖는 크롬 브라우저 같은 것이 보이면
성공적으로 설치 된 것입니다.
[P006_nw 명령 실행.png]
무지 쉽죠?