Node.js

㈜유미테크
Node.js
(크롬 브라우져 기반 V8 자바스크립트)

- 목 차
• 1. Event-Based Asynchronous Pattern (EAP)
• 2. Node.js 란?
Node.js & Vert.x2

1. Event-Based Asynchronous Pattern
(EAP)

Event-Based Asynchronous Pattern (EAP)
• Event-Based Asynchronous Pattern (EAP)
– 스레드 기반 동기 방식 (기존 서버 동작 방식 )
• 스레드마다 요청에 대한 결과응답을 완료하고 다음 요청 처리하는 방식.
• 예) ETRI 식당 한식 코너 배식 : 2개 스레드(동편제/서편제) 기반 동기방식
• 배식 방법 : 식권제출, 국 -> 밥 -> 반찬1 -> 반찬2 -> 반찬3 –> 식사
(동기방식)
• 국이 다 떨어졌다. 국이 준비될 때까지 배식 진행 대기 상태 (blocking)
– 이벤트 기반 비동기 방식
• 요청을 받아서 처리하고, 결과응답을 이벤트로 알려주는 방식.
• 예) 뷔페의 즉석요리 코너 : 스테이크 코너, 스파게티 코너, 냉면 코너 등등
• 원하는 즉석 요리 신청 후, 번호표를 받고, 다른 즉석 요리 신청 가능.
(non blocking)
• 즉석 요리 신청 중, 다른 음식코너를 계속 이용할 수 있다. (비동기 방식)
• 요리가 완성되어, 번호 호출(event)이 되면, 음식을 가져온다.
4 Node.js & Vert.x

• 멀티 스레드 구조와 싱글 스레드 구조
5
<Tomcat의 Multi Thread 구조>
Node.js & Vert.x
<Vert.x의 Single Thread 구조>

• 싱글 스레드 이벤트기반 비동기 처리 Event Loop
6
< Event Loop의 개념>
Node.js & Vert.x

• 싱글 스레드 비동기 네트워크 서버 프레임웍
7 Node.js & Vert.x

Node.js
• Node.js ( http://www.nodejs.org/ )
• 2009년 라이언 달(Ryan Dahl) 개발
• 구글 크롬 브라우져 V8 자바스크립트 엔진 기반
– 2008년 9월 구글 크롬 웹 브라우져 베터버젼 발표
– 크롬 브라우져 V8자바스크립트 엔진 탑재
– C++로 개발, 자바스크립트 코드 기반 머신코드 생성/실행
• V8 자바스크립트 엔진 매력 : 소스 공개 (오픈소스)
– 라이언 달은 표준과 V8자바스크립트 엔진 기반
Node.js개발
9 Node.js & Vert.x

Node.js
• Node.js를 사용한 애플리케이션
10 Node.js & Vert.x

Node.js 장단점
• Node.js의 장점
– Single Thread 기반의 비동기IO를 통한 고성능 처리 (이벤트 방식)
– 자바스크립트의 생산성 향상 (백엔드 개발의 진입 장벽을 깸)
– Socket.io 모듈 제공 (웹 push 기술 제공)
• Node.js의 단점
– Single Thread기반으로 Heavy한 작업인 경우, 성능 급하락
– 이벤트 방식의 CALLBACK HELL (Code Readability 하락)
– Single Thread기반으로 멀티 코어 머신 최적화 어려움.
11 Node.js & Vert.x

Node.js 개발 환경
• Node.js 다운로드 및 설치
12 Node.js & Vert.x

• Node.js 실행
13 Node.js & Vert.x

• Node.js 웹서버 실행
– node.server.js 저장
14 Node.js & Vert.x
// 모듈을 추출합니다.
var http = require('http');
// 웹 서버를 생성 및 실행합니다.
http.createServer(function (request, response) {
response.writeHead(200, { 'Content-Type': 'text/html' });
response.end('<h1>Hello World .. !</h1>');
}).listen(52273, function () {
console.log('Server running at http://127.0.0.1:52273/');
});

• Node.js 웹서버 실행 결과
15 Node.js & Vert.x

• Node Package Manager ( )
– npm is the official package manager for Node.js.
 npm –v
 npm –h
 npm install –h
 npm install (-g) <모듈명>
 npm remove <모듈명>(@<버전>)
 npm list <모듈명>
 npm ls (--depth=0)
16 Node.js & Vert.x

Node.js 전역변수
• console : node.js 콘솔 기능 객체
• exports : 모듈 생성 객체
• process : 프로그램 관련 정보 객체
17 Node.js & Vert.x
cosole.log(‘hello’);
export.func1 = function() {…….};
module.js
var mod = require(‘module.js’);
mod.func1();
main.js
argv : 실행 매개변수
env : 컴퓨터 환경 관련 정보
version : node.js 버전
….

Node.js 기본 내장 모듈
• os : Operating-System 관련 모듈
• url : URL 표현 및 파싱 모듈
• querystring : Query String 생성 및 파싱 모듈
• util : node.js 보조 기능 모듈
• crypto : 해시 생성과 암호화 수행 모듈
• fs : File System I/O 관련 모듈
18 Node.js & Vert.x

Node.js 이벤트 처리
• on(eventName, eventHandler)
– 이벤트 연결
• setMaxListeners(limit)
– 이벤트 연결 개수 제한.(limit=0:무제한)
• removeListener(eventName, handler)
– 특정 이벤트 리스너 제거
• removeAllListener([eventName])
– 모든 이벤트 리스너 제거
• Emit(event, [arg1], [arg2], [...])
– 이벤트 강제 발생
19 Node.js & Vert.x

Node.js 외부 모듈 사용
• 외부모듈 (지역모듈. require()함수 사용)
– ejs모듈 : npm install ejs
• 템플릿 엔진 모듈
• jsp와 유사한 방식
– jade모듈 : npm install jade
• 템플릿 엔진 모듈
• 들여쓰기를 통한 html코드 렌더링
• 외부모듈 (전역모듈) - npm install –g 옵션사용
– 서버실행모듈 : node명령어 대신 사용 ( > node server.js )
• supervisor : js변경시 자동 로드 ( > supervisor server.js )
• forever : 서비스 오류시 자동 재시작 ( > forever server.js )
• express : express 프레임워크 제공
20 Node.js & Vert.x
html
head
title Hello
body
…….
<h1><%=name%></h1>

Node.js 를 사용한 웹 개발
• http모듈
– server 객체
– response 객체
– request 객체
21 Node.js & Vert.x
require(‘http’).createServer( function(request, response) {
var url = request.url; // 요청 URL
var method = request.method; // method 속성
}).listen(8080);
var http = require(‘http’);
var server = http.createServer();
server.listen(8080);
require(‘http’).createServer( function(request, response) {
response.writeHead(200, { ‘Content-Type’ : ‘text/html’ });
response.end(‘<h1>Hello~</h1>’);
}).listen(8080);

• express모듈
– Http모듈 + 추가 기능 제공 모듈
22 Node.js & Vert.x
// 모듈을 추출합니다.
var fs = require('fs');
var express = require('express');
// 서버를 생성합니다.
var app = express();
// 미들웨어를 설정합니다.
app.use(express.bodyParser());
app.use(app.router);
// 라우터를 설정합니다.
app.get('/user', function (request, response) { … });
app.get('/user/:id', function (request, response) { … });
app.post('/user', function (request, response) { … });
app.put('/user/:id', function (request, response) { … });
app.del('/user/:id', function (request, response) { … });
// 서버를 실행합니다.
http.createServer(app).listen(52273, function () {
console.log('Server running at http://127.0.0.1:52273');
});

• MySQL 모듈
– MySQL사용할 수 있게 해 주는 모듈
23 Node.js & Vert.x
…..
var mysql = require('mysql');
….
// 데이터베이스와 연결합니다.
var client = mysql.createConnection({
host: ’localhost’ , port: 3306,
user: 'root',
password: '비밀번호',
database: 'Company'
});
……
app.get('/', function (request, response) {
// 파일을 읽습니다.
fs.readFile('list.html', 'utf8', function (error, data) {
// 데이터베이스 쿼리를 실행합니다.
client.query('SELECT * FROM products', function (error, results) {
// 응답합니다.
response.send(ejs.render(data, {
data: results
}));
});
});
});

• express 프레임워크
– express모듈로 만든 프레임워크
– 설치방법 : npm install –g express
– 프로젝트 생성 : $ express HelloExpress
• 현재 디렉토리 밑에 HelloExpress 프로젝트 생성
• cd HelloExpress && npm install
– 도움말 : express --help
24 Node.js & Vert.x

• socket.io 모듈
– 웹 소켓 서버 기능 제공 모듈
25 Node.js & Vert.x
var fs = require('fs');
var socketio = require('socket.io');
// 웹 서버를 만듭니다.
var server = http.createServer(function (request, response) {
// HTMLPage.html 파일을 읽습니다.
fs.readFile('HTMLPage.4.html', function (error, data) {
response.writeHead(200, { 'Content-Type': 'text/html' });
response.end(data);
});
}).listen(52273, function () {
console.log('Server Running at http://127.0.0.1:52273');
});
// 소켓 서버를 만듭니다.
var io = socketio.listen(server);
io.sockets.on('connection', function (socket) {
// message 이벤트
socket.on('message', function (data) {
// 클라이언트의 message 이벤트를 발생시킵니다.
io.sockets.emit('message', data);
});
});

Node.js 를 사용한 시연
• 시연
– 간단한 http 서버 샘플
– socket.io를 통한 샘플
26 Node.js & Vert.x

Node.js

More Related Content

What's hot

Viewers also liked

Similar to Node.js

More from ymtech

Node.js

Editor's Notes