Scientific Computing & Data Science

이번 글에서는 Node.js에서 개발용 인증서를 통해 HTTPS 서버 구축하는 방법에 대해 알아보도록 하겠습니다. SSL 인증서의 개념 및 대한 자세한 내용은 다음 사이트를 참고하기 바랍니다:HTTPS와 SSL 인증서: https://opentutorials.org/course/228/4894 SSL 인증서 무료로 받아 설치하기: http://www.autoboy.pe.kr/258 KISA SSL 인증서: https://www.crosscert.com/symantec/02_1_03.jsp Node.js에서 HTTPS 서버를 구축하는 방법에 대한 참고 사이트는 다음과 같습니다:개발용 OpenSSL 다운로드 : http://slproweb.com/products/Win32OpenSSL.html OpenSSL..

by Geol Choi | Sep. 25, 2016 이번 글에서는 Node.js의 Web Framework인 Express에서 R Script를 실행하여 결과를 출력하는 방법에 대하여 알아보도록 하겠다.Data Flow의 개념은 다음 그림과 같다. 이를 구현하기 위하여 몇가지 기본 선행 지식이 필요하며, 아래 링크를 간단하게 파악하면 도움이 될 것이다.Rscript 명령을 이용하여 Command Line에서 R 스크립트 파일 실행하기 Node.js에서 Command Line 명령 실행하기 Node.js Child Process실행환경본 튜토리얼의 설명을 위해 구성한 실행환경은 다음과 같으나, Mac OS 및 Linux 계열의 OS에서도 가능하며, R 및 Node.js의 버전은 이보다 낮은 버전에서도 실행..

이번 글에서는 Canvas 태그에 웹캠 화면을 출력하는 방법을 알아보도록 하겠다. [Project File Download] [webcam.html] [/stylesheets/main.css] .booth { width: 800px; background: #ccc; border: 10px solid #ddd; margin: 0 auto; } [/javascripts/video.js] (function() { var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), video = document.getElementById('video'), vendorUrl = window.URL || window.webkitURL;..

이번 글에서는 네이버 영화 웹페이지의 현재 상영작의 타이틀 및 평점을 스크랩핑 하는 Web Application을 제작해 보도록 하겠다.스크래핑하고자 하는 대상 웹 페이지는 네이버 영화:현재 상영영화이며, 주소는 http://movie.naver.com/movie/running/current.nhn?order=reserve 이다.영화 목록이 나열된 순서는 예매율이다. 개발환경웹 스크래핑을 위한 Node Package는 cheerio와 request이다. 본 웹 어플리케이션 제작을 위한 개발환경은 다음과 같다:Express : 4.13.4Node.js : v6.5.0MongoDB : v3.0.7cheerio : v0.22.0request : v2.74.0버전이 반드시 일치할 필요는 없으며, 참고용임을 밝혀..

HTTP는 현재의 상태를 알 수 없는 구조로 되어 있기 때문에 사용자 데이터를 저장하는 방법이 필요하다. 이를 해결하기 위한 방법이 Cookies를 저장하거나, HTTP를 통해 사용자 데이터를 전송하는 방법이 있는데 이 두 가지 방법 모두 Client 측에서 읽기가 가능하므로, 보안에 취약할 수 있다.이에 반해, Session은 이를 암호화하여 사용자 데이터에 대한 보안을 강화하는 방법이다. 작동 방식은, 사용자에게 ID를 부여하고 이 ID를 통해 모든 request를 생성하는 방식으로, ID와 연동된 사용자 데이터가 Client가 아닌 Server에 저장되는 방식이다. Server가 재시작 되지 않는 한, 동일한 ID로 데이터가 연동될 것이다. Express-Session 설치Node.js의 expre..

이번 글에서는 Express Framework에서 Cookies를 다루어 보도록 하겠다. 그렇다면 Cookies는 무엇이고 어떤 때 사용할까? 우선 Cookies의 정의는, "Server 요청에 의해 Client 측에 전달되고 저장되는 작은 파일(또는 데이터)"이며, 웹 페이지가 로딩 될때마다 Cookie는 request로 보내어진다. 이를 통해 사용자의 활동을 추적하는 용도로 사용할 수 있으며, 이 외에도 다음과 같은 용도가 있다:· Session 관리 · 개인화 (맞춤형 시스템) · 사용자 추적Cookie Parser 설치Node.js의 Cookie Parser 역시 Node Package Manager(NPM)로 설치가 가능하다: > npm install --save cookie-parser 활용C..

이번 글에서는 Express Framework에서 MongoDB를 활용하는 방법에 대하여 알아보도록 한다. Express 기본 프로젝트가 설정이 되어 있으며, MongoDB가 설치되어 있다고 가정한다. Mongoose 설치Mongoose는 MongoDB의 ODM(Object Data Mapping) 툴이다. Mongoose를 설치하려면 Command Line Tool에서 $ npm install --save mongoose를 입력한다. MongoDB 실행Express 프로젝트의 Root 경로에 "data" 디렉터리를 생성하고, Command Line에 다음과 같이 입력하여 MongoDB를 실행한다:$ mongod --dbpath {EXPRESS_PROJECT_ROOT}/data 웹페이지 member.pu..

Express Framework에서 Form을 구성하고, Form Data를 전송하는 방법에 대해 간단하게 살펴보고자 한다.우선 Form Data를 위해 필요한 Node Packages는 JSON 및 URL-encoded Data를 파싱(Parsing)하기 위해 필요한 body-parser와 Multi-part Form Data를 파싱하기 위한 multer이다.이 패키지들을 설치하려면 Command Line Tool에 다음과 같이 입력한다:$ npm install --save body-parser $ npm install --save multer 참고로 body-parser는 express-generator를 통해 Express 프로젝트를 생성하였다면 이미 설치가 되어있을 것이다.Express 프로젝트의..

"Pug"는 Express Framework의 Template Engine으로 이전에 "Jade"라는 이름을 가지고 있었으나, "Jade"가 상표권이 걸려 있어 부득이하게 "Pug"라는 이름으로 개명(?)하게 되었다. 따라서, 기존의 "Jade" 문법에 익숙한 개발자들은 "Pug"에 금방 익숙해 질 수 있다. 간단하게 Pug의 문법과 활용법에 대하여 살펴보도록 하자. Pug 설치하기여타 Node Packages처럼 Command Line Tool의 "npm" 명령을 통해 Pug Node Package Manage로 설치가 가능하다.$ npm install pug또는 Node.js의 최신 버전이 설치되어 있으면,$ npm install pug-cli -g과 같이 명령을 입력하면 된다.위의 설치 옵션 "-g..

이번 글에서는 HTML 페이지에서 페이지를 스크롤 다운(Scroll Down) 시 일정 이상이 스크롤 다운되면 콘텐츠가 고정되는 예제입니다.웹페이지를 스크롤 다운하다가 상단의 메뉴가 사라지면 메뉴를 클릭하기 위해 다시 웹페이지를 스크롤 업(Scroll Up)해야 하는 불편함이 있습니다.본 예제는 이러한 불편함을 제거해 주는 기능 구현에 관한 것이며, 대다수의 모던 웹페이지들이 채택하는 것이기도 합니다.HTML다음 HTML 문서는 예제용 문서이며, 핵심은 JavaScript 코드임을 명심하길 바랍니다. scroll-fixed.html Example - Fixed Content While Scrolling 1st Menu 2nd Menu 3rd Menu SassCSS의 전처리기인 Sass 파일로 작성하였습니..