C2C Dev

import/export 의 두가지 문법

해당 스크립트를 들여오고 내보낼 수 있다.

import

// import { apiKey } from "./util";
import apiKey from "./util";

export

// export let apiKey = "backendDummyCode";
export default "backendDummyCode";

주석 처리한 부분은 변수 옆에 export를 import시에는 변수에 중괄호를 적용

문법을 여러 개 작성이 가능하다.

default는 변수 없이 바로 export를 import시에는 중괄호가 필요 없으나

문법을 한 개 밖에 쓰지 못한다.

util.js

export default "backendDummyCode";
export let abc = "abc";
export let apiKey = "abcdqwer";

javascript.js

import * as util from "./util.js";
 
console.log(util.apiKey);

콘솔 결과값 : abcdqwer

javascript.js

import * as util from "./util.js";
 
console.log(util.abc);

콘솔 결과값 : abc