Module

import : 모듈 받기

import "module-name";
//"module-name"경로의 파일에서 모듈 불러오기
//확장자(.js) 생략 가능

import {myMember} from "my-module.js";
import {foo, bar} from "my-module.js";
//-"my-module.js" 파일에서 myMember, foo, bar를 가져와 각각의 이름으로 변수에 할당(구조분해할당)

import * as name from "module-name";
//"module-name"에서 모듈 전체( * )를 가져와서 "name"이란 변수에 할당
import * as say from "./say.js";
//".say/js"에서 모듈 전체를 가져와서 "say"란 변수에 할당

import {sayHi as hi, sayBye as bye} from "./say.js"
//".say/js"에서 sayHi/sayBye를 가져와 hi/bye로 할당

export : 모듈 내보내기

// 하나씩 내보내기
export let name1, name2, …, nameN; // var, const도 동일
export let name1 = …, name2 = …, …, nameN; // var, const도 동일
export function functionName(){...}
export class ClassName {...}
// 목록으로 내보내기
export { name1, name2, …, nameN };
// 내보내면서 이름 바꾸기
export { variable1 as name1, variable2 as name2, …, nameN };
// 비구조화로 내보내기
export const { name1, name2: bar } = o;
// 기본 내보내기
export default expression;
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };
// 모듈 조합
export * from …; // does not set the default export
export * as name1 from …;
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;
export { default } from …;

Template Literal

template literal

-내장된 표현식을 허용하는 문자열 리터럴.
-표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공.

일반 문자열

var a = "자바스크립트";
var result = a + " 누가 만들었어?ㅡㅡ";
console.log(result);
//자바스크립트 누가 만들었어?ㅡㅡ

템플릿 리터럴

let a = "자바스크립트";
let result = `${a} 누가 만들었어?ㅡㅡ`;
console.log(result);