js
-
[Node.js] 6. 외부 웹 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:43
Chapter 6. 외부 웹 모듈 이 장에서 Node.js가 기본적으로 내장하고 있지 않아 일반 개발자가 만들어 배포한 외부 모듈을 살펴볼 것입니다. 이 장에서는 NPM(Node Package Manager)를 이용하여 EJS 모듈, Jade 모듈처럼 웹과 관련된 모듈을 살펴봅니다. npm install ejs npm install jade 각각 cmd 창에서 수행해주세요. 1. EJS 모듈 EJS 모듈은 템플릿 엔진 모듈입니다. 템플릿 엔진 모듈은 특정한 형식인 파일로부터 HTML 페이지를 생성하는 모듈을 의미합니다. 1-1. EJS 모듈의 메서드 EJS 모듈의 메서드 - render(str[, option]) : EJS 페이지를 HTML 페이지로 바꿉니다. 12345678910111213var htt..
-
[Node.js] 4. 이벤트 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:35
4. 이벤트 Node.js는 이벤트 기반 비동기 프로그래밍입니다. 1. 이벤트 연결 이벤트 연결에 관한 예제를 살펴봅시다. 12345678910111213141516171819202122// 종료 이벤트 연결process.on('exit', function() { console.log('Goodbye');}); // 예외처리 이벤트 연결process.on('uncaughtException', function(error) { console.log('Exception occur');}); var count = 0;var id = setInterval(function() { count++; // 3번 실행하면 타이머 중지 if (count == 3) { clearInterval(id); } // 강제로 예외 ..
-
[Node.js] 3. 기본 내장 모듈 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:34
Chapter 3. 기본 내장 모듈 Node.js는 다양한 모듈을 지원합니다. https://nodejs.org/docs/latest/api/index.html 위 링크를 통해 Node.js 문서를 참고하실 수 있습니다. 1. os 모듈 가장 먼저 os 모듈에 대해 살펴보도록 하겠습니다. os 모듈의 메서드 - hostname() - type() - platform() - arch() - release() - uptime() - loadavg() - totalmem() - freemem() - cpus() - getNetworkInterfaces() 아래 예제를 통해 직접 메소드의 역할을 살펴봅시다. 123456789101112131415// os 모듈 추출var os = require('os'); co..
-
[Node.js] 2. 전역 객체 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:32
Chapter 2. Node.js의 전역 객체 1. 전역변수 웹 브라우저에서 동작하는 자바스크립트 최상위 객체는 window 객체입니다. but, Node.js는 웹 브라우저에서 동작하는 것이 아니므로 window객체가 존재하지 않습니다!! => 전역 변수와 전역 함수를 갖는 형태. 문자열 자료형의 전역변수인 __filename과 __dirname이 있습니다. 두 개의 변수는 변수 명으로도 눈치채셨으리라 생각됩니다. 콘솔을 통해 확인해보도록 하겠습니다. 아래 소스 코드를 node.global.js에 저장합니다. 12console.log('filename: ', __filename);console.log('dirname: ', __dirname);cs 파일이 있는 경로와 파일 명을 __filename을 통..
-
[Node.js] 1. 설치 및 애플리케이션 구동 - Node.js 강좌Web/Node.js 2015. 6. 12. 16:30
Chapter 1. Node.js 설치 및 애플리케이션 구동 1. Node.js 개발 환경 구축 nodejs.org에 접속하여 해당 PC에 맞게 다운받아서 Next를 눌러서 설치하면 됩니다. 2. 명령 프롬프트(cmd)를 실행시켜 node를 입력합니다. 문제없이 설치되었다면 아래와 같이 나옵니다. 3. 간단한 콘솔 로그를 찍어보겠습니다. 12console.log('Hello World.. !'); Colored by Color Scriptercs 아래와 같이 Hello World.. ! 가 출력되는 것을 확인 할 수 있습니다. 4. node.basic.js 파일을 작성하여 애플리케이션을 구동해봅시다! 12console.log('Hello World.. !'); Colored by Color Scripte..
-
[Web Building] 9. Web DaaS - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - Data as a Service (DaaS) 1. What We Will Do 이번 장에서: - SQL이 구동중인 웹 서버로 부터 유동적인 데이터 인출을 합니다. 2. Using a PHP Server Running MySQL customers.html을 수정합니다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 Customers Customers var xmlhttp = new XMLHttpRequest();var url = "http://www.w3schools.com/website/customers_db_mysql.php"; xmlhttp..
-
[Web Building] 8. Web AppML - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:39
Web Building - AppML 1. What We Will Do 이번 장에서: - AppML을 이용한 인출(fetch)과 웹 사이트에 데이터 표시하기 입니다. customers.html에 아래 코드를 입력해주세요: 12345678910111213141516171819202122232425262728293031323334Customers Customers Name City Country {{Name}} {{City}} {{Country}} Colored by Color Scriptercs * W3School을 통해 제작된 강좌입니다.
-
[Web Building] 7. Web Http - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:38
Web Building - Fetching Data with Http 1. What We Will Do 이번 장에서: - Http를 이용한 서버로부터의 데이터 인출(fetch)을 해보겠습니다. 2. The Data 아래 주소에서 PHP server에 의한 데이터가 제공됩니다. http://www.w3schools.com/website/customers.php * 파일은 JSON 형식입니다. 3. Change the Customers Page to use Http demoweb 폴더에서, customers.html을 수정합니다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 ..