require와 import는 모두 JavaScript에서 다른 모듈을 가져오는 데 사용되는 키워드입니다. 그러나 이 두 가지 방법은 차이가 있습니다.
require는 Node.js에서 사용되는 CommonJS 방식의 모듈 시스템에서 사용됩니다. require는 해당 모듈을 동기적으로 로드하고 해당 모듈이 내보낸 객체를 반환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다.
const fs = require('fs');
위 코드는 Node.js의 내장 모듈인 fs를 로드합니다.
반면, import는 ES6(ECMAScript 2015) 이후의 자바스크립트에서 사용되는 모듈 시스템에서 사용됩니다. import는 해당 모듈을 비동기적으로 로드하고 해당 모듈이 내보낸 객체를 반환합니다. 예를 들어, 다음과 같이 사용할 수 있습니다.
import fs from 'fs';
위 코드는 ES6 이후의 자바스크립트에서 fs 모듈을 로드합니다.
주요 차이점은 require는 CommonJS 방식의 모듈 시스템에서 사용되고 동기적으로 로드하며, import는 ES6 이후의 자바스크립트에서 사용되고 비동기적으로 로드한다는 것입니다.
따라서, Node.js 환경에서는 require를 사용하고, 브라우저에서는 import를 사용합니다. 그러나 최근에는 Node.js에서도 ES6 모듈 시스템을 지원하므로 import를 사용할 수 있습니다.
'CS' 카테고리의 다른 글
useRef가 필요한 상황과 사용 예시 (0) | 2023.04.04 |
---|---|
배열, 객체를 const 로 선언했는데 요소, 속성을 추가할 수 있는 이유 (0) | 2023.04.04 |
브라우저 저장소 차이(local storage, session storage, cookie) (0) | 2023.03.31 |
this 가 동작하는 원리와 용법 (0) | 2023.03.31 |
Position의 사용방법 (0) | 2023.03.30 |