moudle의 import and export - Javascript ES6

module의 import와 export 방법을 알아보자.
구성은 모듈을 작동시키는 app.js와 모듈 파일로 나뉜다.
각 모듈은 현재 시간을 호출하는 것(getCurrentTime)과 콘솔에 로그를 찍어주는 역할(logging)을 하는 모듈로 구분한다.

app.js

import timing from './getCurrentTime'; // default로 export된 것은 이름으로 import 한다.
import {_} from './logging'; // default로 export 된 것이 아니면 {} 안에 입력해서 import 한다.

const test = new timing();
_.log(`It is ${test.getCurrentHour()}`)
_.log(`Now is ${test.getTimeNow}`)

getCurrentTime.js

export default class timing {
  constructor(props) {
    getCurrentHour() {
      return (new Date).getHours();
    }
    getTimeNow {
      return Date.now();
    }
  }
}

logging.js

export const _ = {
  log(data) {
    if(window.console) console.log(data);
  }
}