import2 [javsscript] es6 dynamic import 이전 포스팅에서 import와 export 사용법을 설명했다. 하지만 import를 선언하면서 모든 스크립트를 동시에 가져온다면 로딩 시간이 길어질 수 밖에 없다. es6에서는 이점을 보완하기 위해 필요한 스크립트만 가져와서 사용하도록 dynamic import를 정의했다. 사용법은 간단하다. import('./ImportClass.js'); 위와 같이 import안에 import할 module명을 넣어 주면 된다. 그러면 return 값으로 Promise 객체를 받는다. 이제 class 객체를 생성하여 사용해보자. export default class ImportClass { constructor() { console.log('import!'); } }import('./ImportClass').then.. 2018. 8. 12. [javascript] es6 export, import 사용하기 javascript 의 export와 import는 es6(es2015) 에서 모듈 시스템을 이용하여 사용하기 위해 정의된 API이다. 하지만 몇몇 브라우저에서는 아직 지원하지 않기 때문에 webpack같은 도구를 통한 번들 작업이 필요하다. 이번 포스팅에서는 그 각각의 사용법을 알아보자. 1. export export 는 내부 스크립트 객체를 외부 스크립트로 모듈화하는 것이다. 물론, export를 선언하지 않았으면 외부 스크립트에서 import를 통해 사용할 수 없다. export는 스크립트 내 모든 객체에 선언할 수 있다. export 방식에는 Named와 default 방식이 있다. named export 방식 //각각 선언 export const exString = 'string'; export.. 2018. 8. 11. 이전 1 다음
