White Whale Studio

이전 포스팅에서 연결했던 Sqlite DB내용을 API로 제공하도록 구현해보겠습니다.우선 기존 소스를 수정합니다. 123456789101112131415161718192021222324252627282930313233343536373839404142const sqlite3 = require('sqlite3').verbose(); var treeList = []; // open database in memorylet db = new sqlite3.Database('./db/tms.db', (err) => { if (err) { return console.error(err.message); } console.log('Connected to the in-memory SQlite database.');}); d..

이번에는 Node.js와 Sqlite DB를 연결해보겠습니다.해당 포스팅은 다음의 튜토리얼을 참고하여 작성하였습니다. http://www.sqlitetutorial.net/sqlite-nodejs/connect/ 우선 npm으로 sqlite 관련 모듈을 설치합니다. --> npm install sqlite3 다음으로 js 파일을 하나 만들고 다음과 같이 타이핑해봅시다. 123456let db = new sqlite3.Database(':memory:', (err) => { if (err) { return console.error(err.message); } console.log('Connected to the in-memory SQlite database.');});Colored by Color Scri..

이번에는 파일 업로드를 해볼겁니다.웹 사이트에서 파일을 첨부하거나 해서 업로드 할때 주로 쓰이지요. Formidable 모듈을 사용하는데 Formidable의 사전적 의미는 가공할, 어마어마한 무시무시한이라는 뜻이라네요.얼마나 무시무시한지 한번 봅시다. 우선 npm으로 모듈을 설치합니다.커맨드 창에서 npm install formidable 을 입력해서 설치하고 var fomidable = require('formidable'); 로 include하여 사용합니다. fileUpload.js 파일을 하나 만들고 다음과 같이 타이핑 해봅니다.주의 하실점은 저장될 경로를 잘 맞춰주어야 합니다. 맞지 않는 경우 에러가 나서 찾느라 고생합니다. 123456789101112131415161718192021222324..

Node.js의 이벤트에 대해서 알아봅니다. 소개 글에 보면 Event-driven application 이라고 하는데이 Event-driven의 의미는 무엇일까요?가장 쉽게 접근하자면 마우스 또는 키보드와 같이 입력이 있으면 이벤트가 발생하는 경우를 예로들수 있겠습니다.키보드 Enter키를 누르면 입력 Esc키를 누르면 취소 기능을 하는 것처럼각각의 이벤트에 반응하여 동작을 변경하는 방식을 Event-Driven이라고 한다고 하네요. Node.js의 오브젝트들은 이벤트를 발생시킵니다. 예를 들어 파일을 열거나 닫을때 이벤트를 발생시킵니다. 이벤트와 관련된 이벤트 모듈도 있습니다.var events = require('events'); 와 같이 사용합니다.이벤트를 생성, 발생, 또는 이벤트가 발생되는 것..

npm 공식 홈페이지https://www.npmjs.com/ 들어가서 소개 정보를 보니 javascript를 위한 패키지 매니저라고 하네요.자랑하는 걸 보면 세계의 수많은 능력좋은 개발자들이 개발을 했을것같네요. node.js를 설치할때 npm이 함께 설치되므로 사용만하면 됩니다. 패키지 다운로드 방법은 간단합니다.커맨드 창에서 npm install 을 치고 엔터를 치면 설치됩니다.대문자로 만들어주는 패키지인 upper-case 패키지를 설치해볼까요 커맨드창에 npm install upper-case 를 입력해봅니다.위와 같이 뜨면서 뭔가가 막 진행되는것이 보입니다.아톰으로 보니 설치한 폴더에도 뭔가 폴더와 파일들이 추가된것이 보입니다.쓰는 방법은 동일합니다. var uc = require('upper-..

이번 포스팅에서는 URL 모듈을 살펴볼겁니다.URL모듈은 웹 주소를 읽을수 있는 부분으로 나눠주는 역할을 합니다.include를 위해서는 다음과 같이 사용합니다. var url = require('url');url.parse() 메서드를 사용해서 주소를 잘라서 각각의 프로퍼티로 나누어 리턴합니다.말이 어렵네요..예제를 보면서 살펴보겠습니다.예를 들어 다음과 같은 주소가 있다고 합시다.http://localhost:8080/default.htm?year=2017&month=february기본 주소인 http://localhost:8080/default.htm 뒤에 보면?year=2017&month=february와 같이 있는데 나눠서 보면year = 2017month = february를 나타내고 있는걸 ..

파일 시스템 모듈을 사용한 파일 서버를 작성해 봅니다. var fs = require('fs'); 이와 같이 include 하면되고 일반 적인 기능을 보면Read, Create, Update, Delete, Renames files 정도가 있다고 합니다.순서대로 한번씩 해보겠습니다. 우선 파일로 읽기(Read)를 해보기위해 demofile1.html 을 하나 만들어서 다음과 같이 입력합니다.1234567 My Header My paragraph. cs 이제 Node.js에서 위의 html 파일을 읽어서 화면에 출력해볼겁니다. demo_readfile.js라는 파일을 하나 만들고 다음과 같이 입력합니다. 12345678910var http = require('http');var fs = require('f..

이번에는 간단하게 현재 일시를 반환하는 모듈을 만들어서 이전 포스팅에서 만든 내용에 추가적으로 더해봅시다. 1234567var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end('Hello World!');}).listen(8989); Colored by Color Scriptercs 이전 소스에서 require는 모듈을 include할 때 쓴다고 말씀드렸습니다.이번에는 직접 만들어서 추가할 예정입니다.우선 dateModule.js라고 파일을 하나 만들고 다음과 같이 타이핑합니다. 1234exports.myDateTime = functi..

https://www.w3schools.com/nodejs/nodejs_get_started.asp 위 사이트를 참조했습니다. 우선 개발 환경 설치는 https://nodejs.org/en/ 요기로 들어가셔서 OS에 맞게 설치하시면 됩니다.개발 환경 구축 방법의 경우 저도 많이 참고하고 있는데, 아래의 사이트에 잘 나와있으니 참고하시기 바랍니다.https://www.a-mean-blog.com/ko/blog/MEAN-Stack/%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95 개발 툴은 종류가 여러가지 많지만 아톰을 많이 쓰시더군요https://atom.io/ 무료이니 해당 사이트에 가셔서 다운로드와 설치를 진행하신 후 사용하시면 됩니다. 설치가 끝났으..

근래에 MEAN Stack 이라는 것을 알게되었습니다. 원래 클라이언트 단에서 동작하는 Window 프로그램이나 안드로이드만 줄창 개발해서 웹이라고는 수박겉핧기 수준으로 밖에 모르던 터였기에 요즘 잘나간다고 하는 웹 환경과 개발 트렌트에 따라서 공부를 해보고 싶어서 시작했습니다.참고로 제 웹 개발관련 수준은 html 약간, API용으로 쓰는 간단한 JS 수정가능, Angular2 소스 버벅거리면서 일부 수정 가능한 수준으로웹에 대해서는 잘 모른다고 보시면 됩니다. MEAN Stack은 M : MongoDB - NoSql DB E : Express JS - node.js를 이용해 웹 개발을 할수 있게 해주는 프레임웍이라고 합니다. (지금은 뭔지는 모르겠지만;;;)A : Angular JS / Angular..