써먹는 웹개발

[ES6] 모듈기반 서비스코드 구현방법 (export & import) 본문

웹개발/ES6, ES2020

[ES6] 모듈기반 서비스코드 구현방법 (export & import)

kmhan 2020. 8. 6. 22:55


728x90
반응형

모듈기반으로 참고파일에서 로직을 구현후에 호출해서 쓰는 방법입니다.

 

1. export : 프로퍼티나 메서드를 구현해놓는다.

// myLogger.js 파일 속 코드
export function log(data) {
 console.log(data);
}

export const getTime = () => {
 return Date.now();
}

export const getCurrentHour = () => {
 return (new Date).getHours();
}

 

2. import : 프로퍼티나 메서드를 필요한 파일에서 쓸수있도록 가져온다.

// myLogger.js와 같은 경로의 파일
import {log, getTime, getCurrentHour} from './myLogger';

log('my first test data');
log('getTime is ${getTime()}');
log(getCurrentHour());

 

 

출처 : https://www.inflearn.com/course/es6-%EA%B0%95%EC%A2%8C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8/lecture/7020?tab=curriculum

728x90
반응형


Comments