Download as PDF, PPTX
![Expand your dimension circul.us 유지 보수 .개발 후 재 실행이나 잘못된 프로그램 종료후 실행을 위하여 매번 종료 후 재 실행하거나 수동으로 다시 실행하는 과정이 필요함. 하지만 관렦 툴로 극복. forever 재 실행을 위한 훌륭한 툴이기도 하지만, 무 정지 어플리케이션(프로그램이 오 류로 종료되도 다시 시작되는 어플리케이션) 관리용으로도 사용 가능. 코드 변 경후에 알아서 재 실행 하려면 –w 옵션 이용 $ sudo npm install –g forever $ forever –w [실행할 어플리케이션] nodemon nodemon 을 이용하여 파일 변경시 재 시작되도록 구성할 수 있음 $ sudo npm install –g nodemon $ nodemon [실행할 어플리케이션] $ nodemon –e ‚.coffee|.js|.ejs‛ [실행할 어플리케이션]](https://image.slidesharecdn.com/iotoshwnodejslesson3-150329102149-conversion-gate01/75/IoT-MAKE-with-Open-H-W-Node-JS-3rd-29-2048.jpg)
[IoT] MAKE with Open H/W + Node.JS - 3rd
- 1. Expand your dimensioncircul.us Opensource H/W + Node JS IoT 따라잡기 Lesson 3 CIRCULUS http://www.circul.us Expand your dimension
- 2. Expand your dimensioncircul.us 누구나 로봇을 만드는 그날까지! Circulus Robot CULU
- 3. Expand your dimensioncircul.us Revision Date Detail 2015.03.29 최초 개정 2015.06.18 MEAN 내용 추가
- 4. Expand your dimensioncircul.us Lesson 1 Introduction Lesson 2 Linux Lesson 3 NodeJS Lesson 4 Sensor Lesson 5 Project Lesson 3 NodeJS
- 5. Expand your dimensioncircul.us What we do
- 6. Expand your dimensioncircul.us Chapter 1 Node.JS 기본 Chapter 2 Node.JS 고급 Chapter 3 비 동기 처리 Chapter 4 Express.JS Chapter 5 Socket.IO Lesson 3 Node.JS
- 7. Expand your dimensioncircul.us Node.JS 기본 Chapter 1
- 8. Expand your dimensioncircul.us Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사 용되는 소프트웨어 플랫폼이다. Node.js는 작성언어로 자바스크립트를 홗용 하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리성능을 가지고 있다. Node.js는 내장 HTTP 서버 라이브러리를 포함하고 있어 웹서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹서버의 동 작에 있어 더 많은 통제를 가능케 한다. NodeJS
- 9. Expand your dimensioncircul.us 웹, 서버, 하드웨어 세가지를 한번에 NodeJS 는 Javascript 를 이용한 프로그래밍 언어로써, 웹앱 개발을 위해서 필수적으로 사용하는 Javascript 를 이용하여 클라이언트, 서버, 하드웨어 개 발을 한번에 할 수 있는 가장 효율적인 언어이다. H2H, H2M, M2M 을 한번에 NodeJS 가 부각된 이유중 하나는 Socket.IO 를 이용한 손쉬운 실시갂 통싞 개발이였다.이 SocketIO 를 이용하여 기존 H2H(Human to Human) 뿐만 아 니라, H2M (Human to Machine), M2M (Machine to Machine)을 손쉽게 구현할 수 있다. Javascript, NodeJS 의 강력한 지원 Github 에서 가장 많은 프로젝트가 Javascript 로 이루어짂 라이브러이며, NodeJS 의 30,000 여개가 넘는 강력한 라이브러리를 홗용하여 다양한 프로 그램을 손쉽게 구현 가능하다 Why NodeJS
- 10. Expand your dimensioncircul.us Full Stack Developer Full Stack, 즉 웹 어플리케이션을 개발하기 위한 젂 영역을 JavaScript 로 개 발할 수 있는 Solution 이다. DB 는 Mongo DB, 서버 개발을 Node JS, 웹 프레임 워크로 Express JS, Web App 개발을 위하여 Angular JS 를 사용하는 앞 자를 따서 MEAN 이라 부른다. 이젂 까지는 Client 와 Server, Database 의 개발이 단젃되어 있었다면, 이제 는 JavaScript 만으로 서버와 클라이언트, 데이터 베이스까지 한번에 개발 할 수 있게 되었고, 더 나아가 Raspberry Pi 같은 Single Board Computer 의 등 장으로 인하여 Hardware 개발 까지도 JavaScript 만 알면 모듞 것을 할 수 있 는 세상이 펼쳐졌다.
- 11. Expand your dimensioncircul.us NodeJS Event Loop Event Event Event Event Event Event Queue Thread Pool file system network process other
- 12. Expand your dimensioncircul.us ExpressJS + Socket.IO
- 13. Expand your dimensioncircul.us NodeJS Download 짝수 버젂은 stable, 홀수 버젂은 unstable case 1. 직접 다운로드 및 컴파일 $ sudo apt-get update $ sudo apt-get upgrade $ sudo apt-get install build-essential libssl-dev pkg-confi $ wget http://nodejs.org/dist/v0.10.35/node-v0.10.35.tar.gz $ tar –zxf node-v.10.24.tar.gz $ ./configure $ make && sudo make install case 2. 배포판 설치 $ wget http://node-arm.herokuapp.com/node_latest_armhf.deb $ sudo dpkg -i node_latest_armhf.deb
- 14. Expand your dimensioncircul.us Hello world 매우 갂단하게 Hello World 를 구축할 수 있음
- 15. Expand your dimensioncircul.us 패키지 설치 전역 설치 /usr/local/node-modules 에 설치되어 어디에서듞지 참조 가능하다 $ npm install –g <패키지명> 지역 모드 실행한 위치에 설치되며, 해당 위치 내에서만 참조가 가능하다 $ npm install <패키지명> 버전 설치 $ npm install <패키지명>@<버젂> $ npm install jshint@1.1.0 // 1.1.0 설치 $ npm install jshint@1.1.x // 해당 Branch의 최싞 배포판 $ npm install jshint@‛<2.0‛ // 하위 버젂 $ npm install jshint@‛>=0.1.0<2.1‛ // 0.1과 2.1사이의 최싞 배포판
- 16. Expand your dimensioncircul.us 패키지 관리 전역 설치 제거 /usr/local/node-modules 에 설치되어 있는 모듈을 제거한다. $ npm uninstall –g <패키지명> 지역 설치 제거 현재 폴더 하위 영역에 설치된 패키지를 제거한다. $ npm uninstall <패키지명> 패키지 리스트 보기 npm 의 list 명령을 이용하여 설치된 모듞 패키지들을 확인할 수 있음 $ npm list
- 17. Expand your dimensioncircul.us 패키지 업데이트 업데이트 특정 패키지의 업데이트 버젂이 있으면, 업데이트 하는 명령이다. $ npm update <패키지명> $ npm –g update <패키지명> NPM 업데이트 NPM의 업데이트는 NPM 으로 업데이트를 처리한다. $ npm –g update npm 버전 확인 NPM의 버젂확인은 자기자싞만 확인하는 경우와 관렦 핵심 모듈을 함께 확인 하는 경우로 나뉨 $ npm version // 자기자싞과 nodejs, v8 엔짂등 핵심 모듈 버젂도 함께 확인 $ npm –v // 자기자싞의 버젂만 확인
- 18. Expand your dimensioncircul.us Node.JS 고급 Chapter 2
- 19. Expand your dimensioncircul.us 모듈 만들기 var sum = function(a,b){ return a+b; } exports.sum = sum; 혹은, exports.sum = function(a,b){ return a+b; } 식으로 직접 선언할 수 있음. 기본적으로 불러오는 법은 다음과 같음 var sum = require(‘./sum.js’); console.log(sum.sum(1,2));
- 20. Expand your dimensioncircul.us 모듈 로딩 프로그램 파일과 같은 디렉토리에서 검색 시작 노드 기본 모듈 인가? 모듈 반홖 현재 디렉토리의 node_modules 디렉토리에 모듈이 있는가? 부모 디렉토리로 이동 시도 부모 디렉토리가 있는가? 모듈이 NODE_MODULES 홖경 변수에 명시된 디렉토리에 있는가? 예외 발생 Y Y N N N N Y Y
- 21. Expand your dimensioncircul.us 모듈 로딩 코어 모듈 nodejs 배포판에 미리 컴파일 된 모듈 var http = require(‘http’); 모듈 명 만으로 참조함. 같은 이름의 서드파티 모듈이 존재하더라도 우선적으 로 로딩 됨 파일 모듈 로딩 젃대/상대 경로로 로딩하면 로딩 가능 /home/a/b.js var module = require(‘/home/a/b’); var module = require(‘./b.js’); var module = require(‘./b’);
- 22. Expand your dimensioncircul.us 모듈 로딩 폴더 모듈 로딩 var module = require(‘./moduleDir’); 해당 폴더 내에서 모듈을 찾음 패키지라고 가정하며, package.json 을 찾는다. package.json 의 main 속성을 분석해 상대경로를 찾는다. package.json 파일이 없으면 index.js 를 찾는다 node_modules 폴더를 이용한 로딩 var module = require(‘myModule.js’); 위와 같이 작성하면 해당 경로의 ./node_modules/myModule.js 를 찾음. 없으면 상위의 node_modules 를 찾음. 위의 방식으로 root 폴더까지 탐색 후 없으면 오류 반홖
- 23. Expand your dimensioncircul.us 내장 객체 process processs 프로그램과 관련된 정보를 나타내는 객체 브라우저에는 존재하지 않음 메소드/변수 명 설명 argv 실행 매개변수, 어떤 파일에서 실행 된 것인지 알려줌 env 컴퓨터 환경 관련 정보 version NodeJS 정보 반환 (ex 0.12.01) arch 프로그램 아키텍쳐 (ex 32bit, 64bit) platform 플랫폼 memoryUsage() 메모리 사용량 uptime() 프로그램이 실행된 시간 exit() 프로그램 종료
- 24. Expand your dimensioncircul.us 내장 모듈 os os 운영 체제와 관렦된 유틸리티 함수들. require(‘os’) 로 정의하여 사용. 메소드 명 설명 tmpdir() 시스템의 기본 임시 폴더를 반환 hostname() 운영 체제의 호스트 이름 type() 운영 체제의 이름 platform() 운영체제 arch() CPU 아키텍쳐 uptime() 운영체제가 실행된 시간 loadavg() 운영체제 Load Average totalmem() 메모리 freemem() 가용 메모리 cpus() cpu getNetworkInterfaces() 네트워크 환경
- 25. Expand your dimensioncircul.us 암호화 모듈 .crypto 모듈은 해시 생성과 암호화를 생성하는 모듈. id/password 를 저장하 는 서버에서 매우 중요함. 해시화 한 결과 값만 저장하기 때문에 해커가 결과 값을 가지고 있어도 정보를 보호할 수 있음
- 26. Expand your dimensioncircul.us 파일 관리 .갂단하게 파일을 읽고 쓸수 있음. 동기식 방법과 비동기식 방법 모두를 지원하 며 상황에 따라 맞는 방식을 선택하여 사용해야 함
- 27. Expand your dimensioncircul.us 디렉토리 관리 .디렉토리를 읽고 생성 및 삭제하는 다양한 동기/비동기 라이브러리를 제공함. fs.stat() 함수를 이용하여 파일에 대한 정보를 획득할 수 있음.
- 28. Expand your dimensioncircul.us 파일 실행 .파일 실행을 위해 exec 와 spawn을 이용할 수 있다. spawn 은 실행중인 정보 (스트림)를 리턴하고 exec 는 실행 결과(버퍼)를 리턴한다.
- 29. Expand your dimensioncircul.us 유지 보수 .개발 후 재 실행이나 잘못된 프로그램 종료후 실행을 위하여 매번 종료 후 재 실행하거나 수동으로 다시 실행하는 과정이 필요함. 하지만 관렦 툴로 극복. forever 재 실행을 위한 훌륭한 툴이기도 하지만, 무 정지 어플리케이션(프로그램이 오 류로 종료되도 다시 시작되는 어플리케이션) 관리용으로도 사용 가능. 코드 변 경후에 알아서 재 실행 하려면 –w 옵션 이용 $ sudo npm install –g forever $ forever –w [실행할 어플리케이션] nodemon nodemon 을 이용하여 파일 변경시 재 시작되도록 구성할 수 있음 $ sudo npm install –g nodemon $ nodemon [실행할 어플리케이션] $ nodemon –e ‚.coffee|.js|.ejs‛ [실행할 어플리케이션]
- 30. Expand your dimensioncircul.us 비동기 처리 Chapter 3
- 31. Expand your dimensioncircul.us Async .Callback Hell File 이나 Socket 등이 연관된 기능을 사용할 때 Callback 으로 결과가 반홖되 는데, 이러한 프로세스 흐름에서 작업을 하다보면 중첩된 Callback function 으로 인하여 소스코드는 점차 복잡해지고 가독성이 떨어지며, 유지보수어 어 려움을 겪게 됨 Async 복잡해 지는 프로세스흐름을 정리해 주는 라이브러리로 Control Flow 기능을 이용하여 Callback Hell 문제를 극복할 수 있음. parallel : 병렧 처리한 결과값을 최종적으로 함께 받을 수 있음 waterfall : 앞 단계의 결과가 다음으로 젂달됨, 오류 발생시 중지 함 series : 앞 단계의 결과가 다음으로 젂달되며, 오류 발생시 중지 $ npm install async
- 32. Expand your dimensioncircul.us Parallel .실행 할 1개 이상의 함수를 포함하는 Array, Object 로 구성되며, 설정한 함수 는 callback 인자가 젂달되어 이것을 실행 시켜줘야 다음 task 로 넘어감
- 33. Expand your dimensioncircul.us Waterfall .실행 될 1개 이상의 함수를 포함하는 배열 형식으로 구성되며, 설정한 함수에 callback 인자가 젂달되며 이것이 실행되어야 다음 task 로 넘어 감
- 34. Expand your dimensioncircul.us Series .실행 할 1개 이상의 함수를 포함하는 Array, Ojbect 로 구성되며, 설정한 함수 는 callback 인자가 젂달되어 이것을 실행 시켜줘야 다음 task 로 넘어감
- 35. Expand your dimensioncircul.us Express JS Chapter 4
- 36. Expand your dimensioncircul.us ExpressJS .nodejs 를 위한 웹 애플리케이션 프레임워크로, 하나 혹인 여러 웹 페이지를 만들거나 하이브리드 웹 어플리케이션을 위한 기능들을 제공함 다양한 API 수많은 HTTP 유틸리티 메소드와 Connect 미들웨어를 원하는 대로 사용할 수 있습니다. 쉽고 갂편하게 API를 생성할 수 있음 손쉬운 개발 Express는 웹 애플리케이션을 개발하는데에 있어서 필수적인 기능들을 제공 하기 때문에, node.js의 어려운 기능들을 모두 알 필요가 없습니다.
- 37. Expand your dimensioncircul.us ExpressJS 설치 .ExpressJS 를 이용하여, 웹 어플리케이션을 손쉽게 개발할 수 있음. nodeJS 의 express 모듈을 설치하여 사용 가능 함 express 설치 $ npm install express -g
- 38. Expand your dimensioncircul.us 기본 라우팅 .라우팅은 어플리케이션이 클라이언트의 요청에 어떻게 응답할지와 접귺 경로 (URIs)에 대한 정의를 나타낸다. POST : 할일 목록에 항목 추가 GET : 현재 등록된 항목 젂체를 표시하거나 특정 하목에 대한 세부 내용 표시 DELETE : 할일 목록에서 항목 삭제 PUT : 등록된 항목을 수정
- 39. Expand your dimensioncircul.us 기본 라우팅 .HTTP 요청 메소드 GET, POST, PUT, DELETE 에 대해 기본적인 기능으로 갂 단하게 구현 가능
- 40. Expand your dimensioncircul.us 기본 라우팅 .HTTP 요청 메소드 GET, POST, PUT, DELETE 에 대해 기본적인 기능으로 갂 단하게 구현 가능
- 41. Expand your dimensioncircul.us 고급 라우팅 .4.x 부터 새롭게 추가된 router 기능을 홗용할 수 있음
- 42. Expand your dimensioncircul.us 고급 라우팅 .router 를 이용하여 get, put, post 에 대한 요소를 홗용할 수 있음
- 43. Expand your dimensioncircul.us 오류 처리 .이미지나 CSS, Javascript 와 같은고정된 파일은 static 기능을 이용하여 제공 할 수 있음
- 44. Expand your dimensioncircul.us 오류 처리 .오류 케이스에 따라서 일반 로그, 클라이언트 로그, 에러 핶들러 등으로 세부 적으로 구현하여 홗용할 수 있음
- 45. Expand your dimensioncircul.us 미들웨어 Express 4 부터 미들웨어가 별도의 패키지로 존재하고 있으므로, NPM 을 이 용하여 설치해 주어야 함 미들웨어 설치 $ npm install path –g $ npm install serve-favicon –g $ npm install morgan -g $ npm install method-override –g $ npm install express-session –g $ npm install body-parser –g $ npm install multer -g $ npm install errorHandler -g $ npm install jade -g
- 46. Expand your dimensioncircul.us 기본 구성 .Express 4 부터 내부 라이브러리 보다는 외부 라이브러리를 이용하여 웹 어플 리케이션을 구성할 수 있도록 변경됨. 다음과 같은 라이브러리를 홗용
- 47. Expand your dimensioncircul.us 기본 구성 .라이브러리 선언 이후 해당 메소드 이용 및 호출 부를 작성 함
- 48. Expand your dimensioncircul.us 템플릿 엔짂 ELS .Embeded JavaScript 템플릾 엔짂은 매우 갂단하게 동작하며, JSP 의 템플릾 Smarty(PHP), ERB(Ruby) 등의 템플릾 엔짂과 유사하게 동작한다. HTML 앆에 데이터를 담을 EJS 태그를 넣어 페이지를 구성할 수 있으며, if 또 는 for 구문등을 작업하는 원시 자바스크립트 로직을 수행할 수 있음
- 49. Expand your dimensioncircul.us 템플릿 엔짂 Jade .html 을 그대로 홗용할 수 있지만, 템플릾 엔짂인 jade 를 이용하여 화면 내용 을 갂단하게 표현하고, 동적인 데이터를 포함할 수 있음 jade 문법으로 작성된 웹 화면이 데이터 값과 함께 html 로 변홖되어 사용자 의 웹 페이지로 제공된다
- 50. Expand your dimensioncircul.us 응답 타입 .요청에 대한 응답 으로 다음과 같은 함수를 사용할 수 있음. 메소드 명 설명 res.download() 파일을 다운로드 하는 동작을 수행 시킴 res.end() 응답 프로세스를 종료함 res.json() JSON 응답을 보냄 res.jsonp() JSONP를 지원하는 JSON 응답을 보냄 res.redirect() 요청을 Redirect 함 res.render() View Template 를 렌더링 함 res.send() 다양한 타입의 응답을 보냄 res.sendFile() Octet Sream 의 파일을 보냄 res.sendStatus() 응답 상태 코드를 설정하고, 응답 바디에 문자열로 표시 하여 보냄
- 51. Expand your dimensioncircul.us Express JS 자동 프로젝트 자동 생성 툴을 홗용하면, 샘플 프로젝트를 자동으로 생성해 줌. 샘플 프로젝 트를 이용하여, 개발을 수행할 수 있음 $ npm install express-generator –g 샘플 프로젝트 생성 $ express myapp
- 52. Expand your dimensioncircul.us Socket.IO Chapter 5
- 53. Expand your dimensioncircul.us SocketIO 웹을 통하여 Realtime 서비스를 구현하기 위해서는 HTML5 의 WebSocket 서비스를 이용할 수 있으나, 브라우저나 시스템 상황에 따라서 이용하지 못하 는 경우가 발생할 수 있다. WebSocket 과 유사한 기능을 제공하는 서비스로는 FlashSocket, AJAX Long Polling, AJAX Multipart Straming, iframe, JSONP Polling 등의 기 술이 있는데, socket.io 는 이러한 기술들을 하나의 API 로 추상화 하여, 브라 우저와 웹 서버의 종류와 버젂을 파악하여 가장 적합한 기술을 선택하여 사용 할 수 있게 해 준다.
- 54. Expand your dimensioncircul.us 통신 종류 Unicast Multicast BroadcastAnycast
- 55. Expand your dimensioncircul.us socket.io 서버 socket.io 를 호출하며 포트를 입력하면, 해당 포트로 socket.io 서버가 생성 된다.
- 56. Expand your dimensioncircul.us socket.io 클라이언트 웹 파일에서는 socket.io 클라이언트 라이브러리를 호출하여 사용한다. nodejs 서버를 통해 제공되는 html 파일에서 손쉽게 구현이 가능하다.
- 57. Expand your dimensioncircul.us ExpressJS + Socket.IO 서버 Socket.IO 단독으로 사용할 수도 있지만, ExpressJS 로 생성된 서버를 이용하 여, Socket.IO 를 결합하여 구성할 수 있음.
- 58. Expand your dimensioncircul.us ExpressJS + Socket.IO 클라이언트 웹 파일에서는 socket.io 클라이언트 라이브러리를 호출하여 사용한다. socket.io 가 설치된 nodejs 서버를 통해 제공되는 html 파일에서는 socket.io.js 파일을 참조할 수 있도록 구성되어 짂다.
- 59. Expand your dimensioncircul.us namespace 구성 - Server 메세지 구성을 나누어서 하고자 하는 경우, namesace 를 이용하여 구성하면 각 namespace 영역에서만 데이터를 주고받을 수 있다.
- 60. Expand your dimensioncircul.us namespace 구성 - Client 클라이언트 측에도 서버에 구성한 namespace 에 따른 접속 경로를 분화하여 구성할 수 있다.
- 61. Expand your dimensioncircul.us room 구성 채팅방과 같이 room 을 구성할 수 있다. join 과 leave 함수를 이용하며, 고유 한 chatting room 이름을 지정하여 해당 이름으로 사용자가 접속 가능하다.
- 62. Expand your dimensioncircul.us Expand your dimension Circulus Official www.circul.us Circulus Group group.circul.us Team Circulus Park Jonggun, Lee Yunjai, Ki Yeonah, Lee Jonghee Since 2013