써먹는 웹개발
[ES6] 모듈기반 서비스코드 구현방법 (export & import) 본문
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()); |
728x90
반응형
'웹개발 > ES6, ES2020' 카테고리의 다른 글
[ES6] 비구조화 할당 (0) | 2021.04.16 |
---|---|
[ES6] For.. of와 For.. in의 차이 (0) | 2020.11.12 |
[ES6] 객체의 Prototype 변경 (0) | 2020.08.06 |
[ES6] weakMap과 weakSet (0) | 2020.08.04 |
[ES6] 배열 재조회 (필요한 데이터만 가져오기) (0) | 2020.08.02 |
Comments