require와 import의 차이

require와 import 둘 다 모듈을 가져온다고 알고 있는데 차이는 뭘까?

import react from'react'; // import를 사용

const react = require('react') // require를 사용

require

• 일반 node.js 환경에서 모듈을 불러올 때 사용함
• 동기 방식으로 작동 → 모듈이 완전히 로드가 될 때까지 코드 실행을 차단함
• 필요한 모듈만 선택적으로 로드할 수 없음

import

• ES6에서 모듈을 가져오는데 사용되는 새로운 문법
• 비동기 방식으로 작동 → 모듈이 로딩되는 동안 코드 차단 안 됨
• 필요한 모듈만 선택적으로 로드할 수 있음 → 메모리 절약
• named parameter 지원

참고

Require vs. Import in JavaScript

An Update on ES6 Modules in Node.js

Requiring modules in Node.js: Everything you need to know