ES6(ECMAScript6)에서 주안해야할 점

import 사용의 장점이라고 한다면 나 스스로가 무분별하게 require를 남용하는 것을 막는 느낌이지 않을까

es6에서 여러 파일을 import 해온다 가정하자. 이 때 파일 수가 100개라면 어떻게 로직을 짤 수 있을까?

1. 노가다를 한다!

import {a,b,c,d,......}

2. 한 파일에 몰빵을 한다

import {A}

3. 동적 라우팅(dynamic import)을 사용한다.

• 모든 스크립트를 동시에 가져올 경우 로딩 시간이 길어질 위험이 있기 때문에 es6에서는 동적 라우팅(dynamic import)를 지원한다.
• import는 Promise 객체를 return으로 받는다.