[자바스크립트] require와 import의 개념과 차이점

require

 

설명

 

• require는 Node.js에서 사용되는 키워드
• CommonJS 방식으로 모듈을 가져올 때 사용
• 주로 서버 사이드 개발에서 많이 사용
• 동기적으로 모뉼을 가져오며, 가져온 모듈을 변수에 할당하여 사용
• 예시

const express = require('express');

 

---

import

 

설명

 

• import는 ES6부터 도입된 JavaScript의 표준 문법
• 브라우저 환경이나 최신 JavaScript 환경에서 사용
• 비동기적으로 모듈을 가져오며, 가져온 모듈을 변수에 할당하거나 모듈의 특정 멤버를 직접 가져올 수 있다.
• 예시

import React from 'react';

 

---

require과 import의 차이점

 

require	import
CommonJS 방식	ES6 모듈 시스템
동기적으로 모듈을 가져옴	비동기적으로 모듈을 가져옴
파일 수준에서 모듈을 가져옴	모듈 수준에서 가져옴

 

---