import와 require

Kychann·2025년 4월 29일
post-thumbnail

📦 먼저 모듈이란?

  • 하나의 클래스 혹은 특정한 목적을 가진 복수의 함수로 구성된 것
  • 이후 설명할 requireexports 키워드를 사용하는 CommonJS는 Node.js 서버를 위해 만들어진 모듈 시스템이다. 여기서 모듈 시스템이란, 프로그램 코드를 기능별로 나눠서 독립된 파일에 저장하여 관리하는 방식이라고 할 수 있다.
  • exportimport와 같은 특수한 키워드를 통해 다른 모듈들을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능 공유가 가능하다.

Import와 Require의 차이

require과 import의 공통점

하나의 파일에서 다른 파일의 코드를 불러온다는 동일한 목적을 가지고 있다.

require / exports (CommonJS)

  • NodeJS에서 사용되는 CommonJS 키워드
  • 변수를 할당하듯 모듈을 불러온다
// exports
const name = '고양이';
module.exports = name;

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

import / export (ES6)

// export
const name = '고양이';
export default name;

// import
import name from './module.js'

exports와 export

  • exports는 CommonJS와 ES6이라는 모듈 시스템에서 존재하는 객체이다.
  • 최근 JS는 import를 더 많이 사용한다.
  • 모듈로부터 내보내지는 데이터들을 담고있는 하나의 객체인 것이다.
  • ES6의 export default는 CommonJS의 modul.exports 구문 동작을 대체하기 위한 문법이다.

🖇️참조
[React] import와 require
[React] require와 import의 차이
그리고 지피티,,

profile
어,, 저 아닌데요?

0개의 댓글