javascript 의 모듈 제공 방법

1. script 는 기본적으로 window 객체 안에서 돌아간다.

2. 로드된 스크립트들은 window객체 안에 있고, 모듈간의 의존성 문제, 변수 및 함수의 침범이 일어났다.

3. 이를 방지하기 위해 commonJS / AMD(Asynchronous Module Definition) 가 생겨났고, es6 또한 제공하기 시작

AMD              require([""], function(module) {})

CommonJS    var module = require("")

ES6                 import { module } from "";

4. 서로 지원하는게 달라서 춘추전국시대가 열림

5. 이 모든것을 통합 해주는 babel 등장 ( js 하위버전으로 변환까지 해줌 ) 으로 결국 모두 바벨 사용해야함.

- 읽어보기

https://blog.pigno.se/post/157992405313/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%AA%A8%EB%93%88-%EC%A0%9C%EA%B3%B5%EC%9D%84-%EC%9C%84%ED%95%9C-amd-commonjs-%EA%B7%B8%EB%A6%AC%EA%B3%A0-requirejs-%EC%86%8C%EA%B0%9C

https://d2.naver.com/helloworld/591319

# 결국 node는 commonjs / 웹팩은 AMD / 클라이언트 프레임워크 ES6를 선택...... 이게 무슨..