require vs import 차이

😎 require() vs import() 차이

const module = require('./module.js')

import module from './module.js'

 

require와 import 둘 다 외부 모듈의 코드를 불러오는 동일한 작업을 수행하는 문법이다.

 

✅ require vs import 비교

• require / exports는 NodeJS에서 사용되고 있는 CommonJS 키워드
  import / export는 ES6(ES2015)에서 새롭게 도입된 키워드
• require는 파일의 어느 지점에서나 호출 할 수 있지만
  import는 일반적으로는 파일의 시작 부분에서만 실행할 수 있다.
  (import 전용 비동기 문법으로 파일 중간에 모듈 불러오기를 할 수도 있다)
• import가 require보다 성능이 우수하며 메모리를 더 절약한다.
• 하나의 프로그램에서 두 키워드를 동시에 사용할 수 없다

 

✅ require vs import 문법 - 전체 내보내기/ 가져오기

1. require

// 전체 내보내기 - 모듈 전체를 export, 파일내 한 번만 사용 가능
const obj = {
   num: 2023,
   sum: function (a, b) {
      console.log(a + b)
   },
   subtract: function (a, b) {
      console.log(a - b)
   },
};

module.exports = obj


// 전체 불러오기
const obj = require('./module.js')

obj.num; // 2023
obj.sum(1, 2) // 3
obj.subtract(2, 1) // 1

 

2. import

// 전체 내보내기 - 모듈 전체를 export, 파일내 한 번만 사용 가능
const obj = {
   num: 2023,
   sum: function (a, b) {
      console.log(a + b)
   },
   subtract: function (a, b) {
      console.log(a - b)
   },
}

export default obj


// 전체 불러오기
import obj from './module.js'

obj.num // 2023
obj.sum(1, 2) // 3
obj.subtract(2, 1) // 1

 

✅ require vs import 문법 - 개별 내보내기/ 가져오기

1. require

// 개별 내보내기
exports.num = 2023 // 변수 export
exports.sum = function(a, b) { // 함수 export
    console.log(a + b)
}
exports.Person = class Person { // 클래스 export
    constructor(name){
        this.name = name
    }
}


// 개별 불러오기
const { num, sum, Person } = require('./module.js')

console.log(num) // 2023
sum(1, 2) // 3
const person = new Person('IOTrue')

 

2. import

// 개별 내보내기
exports const num = 2023 // 변수 export
exports function sum(a, b) { // 함수 export
    console.log(a + b)
}
exports class Person { // 클래스 export
    constructor(name){
        this.name = name
    }
}

------ 또는 ------

const num = 2023 // 변수 export
function sum(a, b) { // 함수 export
    console.log(a + b)
}
class Person { // 클래스 export
    constructor(name){
        this.name = name
    }
}

export {num, sum, Person}


// 개별 불러오기
import { num, sum, Person } from './module.js'

console.log(num) // 2023
sum(1, 2) // 3
const person = new Person('IOTrue')

------ 또는 ------

import * as obj from './module.js'

console.log(obj.num) // 2023
obj.sum(1, 2) // 3
const person = new obj.Person('IOTrue')

 

✅ Node.js에서 import 사용 방법

package.json에 아래 코드를 추가하면 Node.js에서 import를 사용할 수 있다.

{
  "type": "module"
}

 

 

 

 

참고

• https://medium.com/@chullino/require-exports-module-exports-%EA%B3%B5%EC%8B%9D%EB%AC%B8%EC%84%9C%EB%A1%9C-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-1d024ec5aca3
• https://inpa.tistory.com/entry/NODE-%F0%9F%93%9A-require-%E2%9A%94%EF%B8%8F-import-CommonJs%EC%99%80-ES6-%EC%B0%A8%EC%9D%B4-1
• https://etloveguitar.tistory.com/m/133