[Node.js] commonJS / AMD 💯️

goal

node.js 💯️

웹서버

• http라는 모듈을 가지고 와서 이를 이용하여 서버를 생성

const server = require('http');

server.createServer(function(req, res){
  res.writeHead(200, { 'Content-Type' : 'text/plain' });
  res.end("Hello node.js! \n");
}).listen(3000, 'localhost');

console.log('Server is running at http://localhost:3000/');

파일 읽기

• fs라는 파일 모듈을 가지고 와서 readFile 이라는 비동기 메소드를 통해 파일을 읽고 해당 내용을 출력

const fs = require("fs"); 

fs.readFile('./hello.txt', encoding = 'utf-8', function(err, data) {
  if (err) {
    throw err;
  }
  console.log(data + " Node.js!");
});
///////////////////////////////////////////
hello.txt
안녕 나는 정은이야!

비동기 이벤트 이용

• events라는 모듈은 노드에서 비동기 이벤트를 생성하고 관리하도록 해주는 모듈

var EventEmitter = require("events").EventEmitter;
var evt = new EventEmitter();

evt.on("helloNode", function(str) {
  console.log("Hello! " + str );
});

setTimeout(function() {
  evt.emit("helloNode", "Node.js");
}, 3000);

---

commonJS 💯️

node.js는 common.js규격을 따름

• <script src="require.js"></script> 로 불러온 후, module.exports로 모듈화시키고 싶은 변수를 묶어준다.
• exports를 통해 객체를 만들 수 있다.

// main.js
var exports = module.exports = {};
// 사실상 라고 생각하면 된다.
const http = require('http');
const delilah = require('delilah');
module.exports = {
  a: http,
  b: delilah,
};
const main = require('main');
console.log(main.a, main.b);

• 모듈의 핵심은 만들어서 바깥으로 내보내는 것
• 모든 모듈은 자신만의 독립적인 실행 영역을 갖음 : exports할 것과 하지 않을 것을 구분
• 모듈 정의는 전역객체인 exports객체를 이용
• 모듈 사용은 require함수를 이용

module.exports VS exports

• exports는 module.exports 사용을 도와주는 helper
• exports는 module.exports를 참조하는 역할 only
• module.exports에 이미 값이 할당되면, exports는 무시됨
• 따라서, 둘을 섞어서 쓰지 말아야 함

---

문제풀이로 알아보는 Common JS 💯️

[ 문제 2 ]

// Assume you have the following in subject.js:
let mod1 = require('./lib/my-module.js');
let mod2 = require('./lib/my-module.js');
mod1.increment();
let result = mod2.increment();

// ...and the following in lib/my-module.js:
let counter = 0;
exports.increment = function () {
  counter += 1;
  return counter;
};

// After subject.js runs, what will be the value of result?
// 나의 오답 : 1
// 정답 : 2  

[ 문제 3 ]

// Assume you have the following in subject.js:
let mod1 = require('./lib/my-module.js');
let mod2 = require('./lib/my-module.js');

// ...and the following in lib/my-module.js:
console.log("Loading module!")

// After subject.js runs, how many logs in the console will you see?
// 나의 오답 : 2
// 정답 : 1
// 해설 : require에 같은 파일을 불러오면 두번 가져오더라도 한번만 실행된다. 
// 캐싱된 객체 인스턴스를 한번만 사용
// 캐시가 이미있다면 '파일을 실행했다'는 데이터가 저장되어 여러번 실행하지 않는다.

[ 문제 4 ]

// Assume superLongComputation() is synchronous and 5 seconds to run. After all setTimeout callbacks have run, what order of letters will be shown in the console?

console.log("A");

setTimeout(function() {
  console.log("B");
}, 1000);

superLongComputation(); // console.log("5초 끝!")

setTimeout(function() {
  console.log("C");
}, 500);

console.log("D");

// 나의 오답 : A D C B
// 정답 : A D B C
// A => 5초 끝 => D => "B => C" 의 이유는 앞의 함수가 5초가 걸리기 때문에 그 기간에 1000 짜리가 콜스택으로 들어갈 수 있음

[ 문제 5 ]

// After all setTimeout callbacks have run, what order of letters will be shown in the console?

console.log("A");

setTimeout(function() {
  console.log("B");
}, 500);

setTimeout(console.log("C"), 1000);

// 나의 오답 : A B C
// 정답 : A C B
// 해설 : settimeout의 인자로는 익명함수가 들어가야되는데, 콘솔이 들어갔으므로, settimeout이 실행되지 않는다.

[ 문제 6 ]

// After all setTimeout callbacks have run, what order of letters will be shown in the console?

console.log("A");

setTimeout(go(), 100);
// settimeout (console.log("x"),100) 이되어 settimeout이 작동하지 않음

setTimeout(function() {
  console.log("B");
}, 50);

function go () {
  console.log("X")
}
// 정답 : A X B

[ 문제 7 ]

// After all setTimeout callbacks have run, what order of letters will be shown in the console?

console.log("A");

setTimeout(go, 100);
// setTimeout(function() {console.log("X")}, 100) 와 같음

setTimeout(function() {
  console.log("B");
}, 50);

function go () {
  console.log("X")
}
// 정답 : A B X 
// 

---

AMD (Asynchronous Module Definition, 비동기적 모듈 선언) 💯️

• <script src="require.js"></script> 로 불러온 후, 본인이 원하는 다른 코드들을 define의 첫번째 인자인 배열 안에 나열한 후, 두번째 인자인 콜백 함수에서 매개변수로 받는다.

define(['jquery', 'delilah'], function(apple, banana) {
  return {
    a: apple,
    b: banana,
  }
});