Scientific Computing & Data Science

시리즈 목차1. Example 1 - HelloWorld 2. Example 2 - Context Menu 이번 글에서는 Node-Webkit에서 Node.JS API를 활용하는 간단한 어플리케이션을 작성해 보도록 하겠다. 본 예제 또한 Node-Webkit의 공식 사이트의 예제를 기반으로 한 것이다. Codesindex.html:12345678910111213141516171819202122232425262728293031323334353637383940414243444546 Using NW API Maximize WindowRestore WindowMinimize Window // get the system platform using node.js var nw = require('nw.gui'); v..

지난 글에 Node-Webkit에 대하여 소개한 것에 이어 Node-Webkit의 공식 Documentation Site의 예제를 바탕으로 두번째 예제를 구성해 보았다. 시리즈 목차1. Example 1 - HelloWorld 본 예제는 오른쪽 마우스 클릭 시 Context Menu를 화면에 출력하고 선택된 아이템 항목을 alert 명령을 통해 확인한다. Source Codepackage.json:{ "name": "context menu", "main": "index.html", "window": { "toolbar": false } } name: app의 이름을 지정한다.main: 진입점을 정의한다. 진입점은 index.html로 지정하였다.window: application window의 속성을 정..

이번 글에서는 HTML, CSS, JavaScript로 desktop app를 제작할 수 있는 Node Webkit으로 가장 기초적인 "Hello World" App을 만들어 보도록 하겠다. 우선 Node Webkit 페이지(http://nwjs.io)를 방문하여 자신의 OS 플랫폼에 따라 다운로드를 한다. 그리고나서 npm(node package manager)을 통해 nodewebkit 패키지를 설치하되, -g(global) 옵션으로 설치한다: $ sudo npm install -g nodewebkit Example - HelloWorldCoding의 가장 첫 단계인 HelloWorld 예제를 만들어보자.Windows예제를 작성할 폴더를 만든다. 설명을 위해 폴더의 이름을 "nw-hellowworld..

이번 글에서는 Express Framework에서 cookie를 사용하여 데이터를 저장하고 읽어오는 방법에 대하여 알아보도록 하겠습니다.Cookie란 웹사이트가 사용자의 브라우저에 저장할 수 있는 작은 조각의 정보를 의미합니다. Express에서는 cookie-parser라는 middleware를 통해 cookie API를 제공합니다. Cookie 기능을 활성화하기 위해 다음 명령을 입력하여 cookie-parser를 로딩합니다: 1var bodyParser = require('body-parser');cs Express에서 cookie-parser를 활성화합니다: 1app.use(cookieParser());cs 이제 Express에서 cookie를 활용할 수 있는 모든 준비가 완료되었습니다. req...

by Geol Choi | December 19, 2015 이번 글에서는 MongoDB의 ODM(Object Data Mapping) 툴인 mongoose를 이용하여 간단한 MongoDB Middleware를 만들어 보도록 한다. Part 1 - Express 프로젝트 생성우선 Express 프로젝트를 생성한다: $ express my-project && cd my-project 생성된 프로젝트 경로에 mongoose ODM을 설치한다: $ npm install mongoose app.js에서 Server를 생성한다 (포트번호는 3000으로 지정하였다): [{EXPRESS_ROOT}/app.js] ////////////////////////////////////////////////////// // --..

NodeJS의 application framework인 Express 4.X에서 port 설정 및 server를 오픈하려면 다음 코드를 삽입한다: (port 번호를 3000으로 가정함.) [{Express_App_Root}/app.js] var app = express(); ... ////////////////////////////////////////////////////// // ------- creates Server ------- // port setup app.set('port', process.env.PORT || 3000); var server = app.listen(app.get('port'), function() { console.log('Express server listening on..

이번 글에서는 CreateJS를 이용하여 간단한 오브젝트들을 생성하고, 오브젝트들을 마우스 드래그 또는 터치 드래그(터치패드의 경우)하고, 클릭(터치)하는 동안 각각의 사운드가 출력되도록 하는 예제를 살펴 보도록 한다. Part 1 - CreateJS 라이브러리 로딩하기 CreateJS Suite는 HTML5의 Canvas 기술을 기반으로하여 Web Browser에서 풍부한 상호작용(interactive) 콘텐츠 기술을 표현하기 위한 JavaScript 라이브러리로써 gskinner가 처음 개발한 후 Adobe, MS, Mozilla 재단 등이 post-Flash를 위하여 적극적으로 후원하고 있다.(ActionScript와 유사하여 기존의 Flash 개발자들은 금방 적응할 것이다.)CreateJS Sui..

이번 글에서는 HTTP POST 방식을 이용하여 Form 데이터 전송을 하는 방법에 대하여 알아보기로 하겠습니다. 특히 Express 3.x에서 Express 4.x으로 버전업 되면서 파일 업로드 방식이 조금 더 어려워졌습니다. Express 4.x은 Connect 모듈 dependency가 더이상 지원되지 않으며 Connect 모듈의 multipart() 미들웨어가 사라졌습니다. 그러나 다른 미들웨어들은 개별적인 모듈로 설치가 가능해졌습니다. Express 4.x에서의 파일 업로드 방법에 대해서도 알아보기로 하겠습니다. multer 미들웨어 설치Express 4.x에서 파일 업로드를 위해 multer 미들웨어 설치는 필수입니다. Terminal에서 다음 명령을 입력하여 multer 미들웨어를 설치합니다..

이번 글에서는 Express Web App에서 GET 방식을 통하여 form의 데이터를 전송하는 방법에 대하여 알아본다.데이터를 전송하는 HTTP 방식은 주로 GET과 POST가 사용되는데 이 방법에 대하여 비교하면 다음과 같다: GET POST Form 데이터가 쿼리 문자열로 전송된다. 즉, 브라우저의 주소창에 쿼리 데이터가 노출된다. Form 데이터가 HTTP body로 전송된다. 따라서, 브라우저의 주소창에 서 쿼리가 보이지 않는다. 전송가능한 데이터가 제한적이다. 이론적으로 전송가능한 데이터에 제한이 없다. 파일 업로드에 사용될 수 없다. 파일 업로드에 사용 가능하다. 추가 로직없이는 form을 다루는데 있어 동일한 URL을 사용할 수 없다. post() 메써드를 이용하여 별도의 route를 정의..

Express App 의 환경설정을 위한 Node Package Module의 하나인 ini Parser에 대하여 간단하게 알아보자. 다운로드다른 Node Package Module과 마찬가지로 npm 명령어를 이용하여 다운로드 할 수 있다.$ npm install iniparser ini 파일 정의Text editor를 이용하여 "config.ini" 파일을 다음과 같이 정의한다. [config.ini]title = My Express App port = 9000 message = Hello World! app.js 수정app.js 파일을 다음과 같이 수정한다. [app.js] ... var config = iniparser.parseSync('./config.ini'); ... // ini confi..