[기술면접준비] require와 import의 차이점과 사용법

프론트엔드 개발에서는 일반적으로 import를 사용합니다.

 

- import

import는 ES6(ECMAScript 2015)부터 도입된 모듈 시스템에서 사용되는 키워드입니다. 이 모듈 시스템에서는 각 파일이 모듈이 되며, import를 사용하여 다른 모듈에서 함수, 객체 또는 변수를 가져와서 사용할 수 있습니다.

예를 들어, 다음과 같이 다른 파일에서 add 함수를 사용하고 싶다면:

// add.js
export function add(a, b) {
  return a + b;
}

// main.js
import { add } from './add.js';

console.log(add(1, 2)); // 3

 

- reqiure

반면에 require는 Node.js에서 사용되는 모듈 시스템에서 사용되는 키워드입니다. Node.js에서는 파일 시스템 모듈을 통해 파일을 로드하고, require를 사용하여 해당 파일에서 모듈을 가져올 수 있습니다.

예를 들어, Node.js에서는 다음과 같이 fs 모듈을 로드하고, readFileSync 메서드를 사용하여 파일의 내용을 읽을 수 있습니다.

const fs = require('fs');
const fileContents = fs.readFileSync('./data.txt', 'utf-8');

 

- 차이점

require와 import 모두 다른 모듈을 현재 모듈에서 사용할 수 있도록 가져오는 것을 의미합니다. 따라서 프론트엔드 개발에서는 일반적으로 import를 사용하며, Node.js에서는 require를 사용합니다.

 

- 공통점

두 모듈 시스템 모두 JavaScript 파일을 다른 파일에서 사용할 수 있습니다.