Module

Module

→ 코드를 그 파일 내부에서만 한정할 수 있도록 "모듈화" 하는 것!

→ 모듈화를 하지 않으면 기본적으로 모든 파일에서 코드를 공유해버릴 수 있다. (이름 선언 충돌이 일어날 수 있겠찌?!?!)

• 브라우저 환경에서는 window에,
• node 환경에서는 global에 저장되어버리기 때문!

//index.html
//모듈화하기
<script type="module" src=""></script>

//module1.js
//export default는 한파일에서 하나만 가능!
export default function add(a,b){
	return a+b;
}

//그냥 export
export function print() {
	console.log("print");
}

//module2.js
import add from "./module1.js"
import {print} from "./module1.js"
//다른 이름으로 쓰고 싶어?
import {print as printMessage} from "./module1.js"

console.log(add(1,2)) //3
print(); //"print"
//다른 이름으로?
printMessage();