Scientific Computing & Data Science

이번 글에서는 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..

이번 글에서는 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..

Nginx를 앞단에 둠으로써 Express가 사용하는 실제 포트를 숨기고 Nginx의 80포트를 통해 Reverse Proxying 을 함으로써 저런 보안 이슈를 방지할수도 있고 Nginx의 우수한 기능을 활용할 수 있다. 실제 Static File 과 같은 경우에는 Node.js 보다는 Nginx가 훨씬 성능이 뛰어나다고 한다.유의할 점은, Nginx 1.0.x버전은 HTTP 1.1을 아예 지원하지 않고 (TCP Module 사용 예외) Nginx 1.1.x버전은 HTTP 1.1을 지원하지만 Websocket은 지원하지 않기 때문에 Socket.IO와 같은 모듈을 사용할 때 Websocket 방식으로 연결을 시도할 경우에는 Nginx를 거쳐서 연결을 시도하지 않고 직접 연결을 하거나 TCP Module..

Express 4.x가 지원하는 모드에 대하여 알아보기로 하자.모든 소프트웨어 개발이 그렇듯 Express도 개발(Development) 모드와 제품(Procudction) 모드가 있다. 이는 각각 Debug 모드와 Release 모드에 해당한다고 할 수 있다.Development Mode에는 로그 메시지 등 개발에 도움이 되는 상세한 정보 등을 포함한다. 현재 모드를 알아보려면 app.js에 다음과 같이 입력한다:console.log(app.get('env')); 만약 Development Mode라면, 터미널에 "development"를 출력하고 Production Mode라면 "production"을 출력한다.그러면 이제 Mode를 설정하는 방법에 대하여 알아보자. Linux / Mac OSLinu..

Express 4.x의 logger API인 morgan에 대하여 간단히 알아보자. Morgan API 다운로드 $ npm install morganMorgan API GitHub 페이지 API var logger = require('morgan'); app.use(logger()); 위와 같이 입력하고 웹브라우저로 서버에 접속하면 다음과 같은 메시지가 출력된다:(사용 환경에 따라 다르게 출력됨)::ffff:127.0.0.1 - - [Mon, 02 Nov 2015 14:32:43 GMT] "GET / HTTP/1.1" 304 - "-" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.71..