3장 노드 기능 알아보기

[yellow-jam]

이 장에서 배울 것

• 노드로 js 파일 실행
• 노드가 기본적으로 제공하는 객체, 모듈 사용법
• 버퍼와 스트림
• 동기와 비동기
• 이벤트
• 예외 처리

[yellow-jam]

3.1 REPL 사용하기

js는 스크립트 언어 (컴파일 불필요) Read Eval Print Loop 입력한 코드를 읽고, 해석하고, 결과물을 반환하고, 종료할 때까지 반복한다

터미널에서 node 명령 입력 시 > 모양의 프롬프트 js 코드 입력 가능

[yellow-jam]

3.2 JS 파일 실행하기

js 파일을 만들어 실행

function helloWorld() {
    console.log('Hello World');
    helloNode();
  }

  function helloNode() {
    console.log('Hello Node');
  }

  helloWorld();

node 명령어로 파일 실행(.js 확장자 생략 가능)

[yellow-jam]

3.3 모듈로 만들기

모듈: 특정한 기능을 하는 함수나 변수들의 집합

• 모듈은 그 자체로도 하나의 프로그램이면서 다른 프로그램의 부품으로 사용/재사용 가능
• 보통 파일 하나 단위로 모듈 하나를 만듦

노드에서 사용하는 두 가지 모듈 형식

• CommonJS 모듈
• ECMAScript 모듈

[yellow-jam]

1) CommonJS 모듈

• js 표준이 나오기 이전부터 사용됨. 이후로도 노드 생태계에서 가장 널리 쓰임.

// var.js

const odd = 'CommonJS 홀수입니다';
const even = 'CommonJS 짝수입니다';

module.exports = {
    odd,
    even,
};

// func.js

const { odd, even } = require('./var');

function checkOddOrEven(num) {
    if (num % 2) { // 홀수이면
        return odd;
    }
    return even;
}

module.exports = checkOddOrEven;

// index.js

const { odd, even } = require('./var');
const checkNumber = require('./func');

function checkStringOddOrEven(str) {
    if (str.length % 2) {  // 글자수가 홀수이면
        return odd;
    }
    return even;
}

console.log(checkNumber(10));
console.log(checkStringOddOrEven('hello'));

module 객체 대신 exports 객체 사용하기

• module.exports === exports 같은 객체를 참조하는 이름이다!

// var2.js
exports.odd = 'CommonJS 홀수입니다';
exports.even = 'CommonJS 짝수입니다';

유의사항

• 두 객체 간의 참조 관계가 깨지지 않도록 해야 함!
• module.exports에는 어떤 값이든 대입 가능
• exports에는 반드시 객체처럼 exports.속성명=속성값 형태로 대입 (다른 값 대입 시 참조 관계가 끊겨 더는 모듈로 기능하지 않음)

[Note] 노드에서의 this

• 최상위 스코프에 존재하는 this는 module.exports(또는 export 객체)를 가리킴
• 함수 선언문 내부의 this는 global 객체(3.4.1절)를 가리킴

require

• require는 함수이고, 함수는 객체이므로 (!!) require는 객체로서 속성을 몇 개 가지고 있음
• require.cache : 한 번 require한 파일이 저장되는 곳
• require.main : 노드 실행 시 첫 모듈을 가리킴.
• 아래 콘솔에서 node require 실행했으므로 require.js가 require.main이 됨

console.log('require가 가장 위에 오지 않아도 됩니다.');

module.exports = '저를 찾아보세요.';

require('./var');

console.log('require.cache입니다.');
console.log(require.cache);
console.log('require.main입니다.');
console.log(require.main === module);
console.log(require.main.filename);

모듈 사용 시 주의 - dep1과 dep2가 서로를 require한다면?

// dep1.js
const dep2 = require('./dep2');
console.log('require dep2', dep2);
module.exports = () => {
  console.log('dep2', dep2);
};

// dep2.js
const dep1 = require('./dep1');
console.log('require dep1', dep1);
module.exports = () => {
  console.log('dep1', dep1);
};

//dep-run.js
const dep1 = require('./dep1');
const dep2 = require('./dep2');

dep1();
dep2();

node dep-run 실행 결과

• 이처럼 순환 참조 발생 시 module.exports 함수가 비어있는 객체로 변함!
• 순환 참조가 일어나지 않도록 구조를 잘 잡는 것이 중요...

[yellow-jam]

2) ECMAScript 모듈

• 공식적인 JS 모듈 형식

  다른 부분

• require (함수) → import (문법)
• exports (객체) → export (문법)
• module.exports (객체) → export default (문법)

  // var.mjs
  export const odd = 'MJS 홀수입니다';
  export const even = 'MJS 짝수입니다';

// func.mjs
import { odd, even } from './var.mjs';

function checkOddOrEven(num) {
  if (num % 2) { // 홀수면
    return odd;
  }
  return even;
}

export default checkOddOrEven;

// index.mjs
import { odd, even } from './var.mjs';
import checkNumber from './func.mjs';

function checkStringOddOrEven(str) {
  if (str.length % 2) { // 홀수면
    return odd;
  }
  return even;
}

console.log(checkNumber(10));
console.log(checkStringOddOrEven('hello'));

[yellow-jam]

3.3.3 다이내믹 임포트

• 조건부로 모듈을 불러오는 것
• CommonJS 모듈에서는 가능, ES 모듈에서는 불가능

  // dynamic.js
  const a = false;
  if (a) {
  require('./func');  // 실행되지 않음
  }
  console.log('성공');

// dynamic.mjs
const a = false;
if (a) {
    import './func.mjs';  // ES 모듈은 if문 안에서 import 불가
}
console.log('성공');

• 다이내믹 임포트를 가능하게 하기 위해 다음과 같이 수정
• import 문법 대신 import() 함수 사용
• ES 모듈의 최상위 스코프에서는 async 함수 없이도 await 가능

  // dynamic.mjs
  const a = true;
  if (a) {
  const m1 = await import('./func.mjs');
  console.log(m1);
  const m2 = await import('./var.mjs');
  console.log(m2);
  }

[yellow-jam]

3.3.4 filename, dirname

실행 시 현재 파일명, 현재 파일 경로로 바뀜

// filename.js
console.log(__filename);
console.log(__dirname);

• ES 모듈에서는 filename, dirname 사용 불가, 대신 import.meta.url로 경로 가져올 수 있음

  // filename.mjs
  console.log(import.meta.url);
  console.log('__filename은 에러');
  console.log(__filename);