[ES6] Module(import/export)

export / import

//index.html
  <script type="module">

    import 작명 from './main.js'
    // 가져온 것을 작명에 할당/ 경로

  </script>

//main.js

var a = 10;

export default a;

🧨 export default는 파일당 1회만 사용 가능

여러 변수를 export 하고 싶을 때

var a = 10;
var b = 20;

export { a, b };
---------
  
  export var a = 10;
이렇게도 가능

🧨 여러 변수 import 시에는 정확한 변수 명을 입력해야 한다.

//index.html
    import {a, b} from './main.js'

    console.log(a)

a 만 가져오고 싶으면 {a}.

export default 추가 가능한가?

가능

var a = 10;
var b = 20;
var c = 30;

export { a, b };
export default c;

//index.html
    import 작명, {a, b} from './main.js'

🧨 default import는 맨 앞에 위치.

import한 변수 명을 바꾸고 싶다?

import {a as 작명} from './main.js'

전부 import 하기

import * as 별명 from './main.js'

console.log(별명.a) 

🧨 default는 따로 가져와야함.

import 디폴트, * as 별명 from './main.js'

구문법

(export 하는 js파일)

module.exports.a = 10 ;

------------------------
(import 하는 js파일)

var 가져온것들 = require('/library.js');