모듈

JS 에서 모듈이란 새로운 JS 파일에서 해당 속성을 가져오기 위해 사용한다.

 

모듈 번들러인 Babel 없이 사용할 수 없는 듯 하다.

 

자바 스크립트의 모듈의 키워드

• export :  내보냄을 의미한다.
• import : export 된 대상을 불러와 사용함을 의미한다.

---

Export

• export {sayHello, name}; // 객체로 만들어 한꺼번에 export 한다.

export let name = '수민';
// 해당 상수를 import 해서 사용가능

export const sayHello = (name) => console.log(`내이름은 ${name} 이야.`);
// 해당 함수객체를 import 해서 사용가능

export let numbers = [1,3,5,7,9];
//해당 배열 객체를 import 해서 사용가능

export class Student {
	name;
	constructor(name){
		this.name = name;
	}
}
// 해당 클래스를 import 해서 사용가능

Export Default 

해당 파일에서 단 하나의 모듈만을 export 하는 것을 뜻한다.

export default obj = {
	"name":'soomin',
	"age":'28'
}

Export As

해당 파일에서 이름을 지정하여 export 하는 것을 뜻한다.

const sayHello = (name) => console.log('내이름은 이름이야');

const name = 'soomin';

export {sayHello as hello, name as n}; // 객체로 만들어 한꺼번에 export 한다.

export default sayHello;

---

Import

export 된 모듈을 가져올때 사용한다.

• 여러 모듈을 한꺼번에 불러올 수 있다.
• import as 로 불러온 모듈을 다른 이름으로 가져올 수 있다.

import {hello, n} from '파일명'// 모듈을 import 한다.

import {hello as hi , n as name}// 다른 이름으로 import 하겠다.