export 문으로 내보내기 / import 문으로 가져오기
Web/JS

export 문으로 내보내기 / import 문으로 가져오기

 export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때 사용합니다. 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할 수 있습니다.

 

 다시말해 .js 파일을 만들어 export default function functionName() {} 선언하면 내보낸(export) 함수의 기능을 다른 .js 파일에서 import funcionName from'./fileName' 를 통해 가져다 사용할 수 있습니다.

 


 이 기능을 왜 사용하나요?

 어떠한 함수를 여러 개의 .js 파일에서 사용해야 하는 경우, 일일이 함수 선언을 복사 붙여넣기 하는 것보다 더 효율적이기 때문입니다.

 


참고문헌 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export

 

export - JavaScript | MDN

export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때 사용합니다. 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할 수 있습니다.

developer.mozilla.org

 

'Web > JS' 카테고리의 다른 글

[JS] 호이스팅 Hoisting  (0) 2021.07.21
[JS] 화살표 함수 Arrow function  (0) 2021.07.21
[node.js] nvm install error  (0) 2021.07.19
[Vanilla JS] create To do list  (0) 2021.07.16
[Vanilla JS] 인용구 나타내기 Math.random  (0) 2021.07.15