모듈이란?
- 개발하는 파일의 크기가 점점 커지면 파일을 여러 개로 분리하게 되는데, 이 떄 분리된 파일 각각을 '모듈(module)이라고 한다.
- 모듈을 활용하면 재사용성이 높아져 복잡한 시스템을 만들 때 유용하다. -> 유지보수가 용이
- 모듈은 클래스 하나 혹은 함수로 구성된 라이브러리 하나로 구분된다.
- 현재 대부분의 브라우저와 Node.js가 모듈 시스템을 지원하고 있다.
호스트환경
JavaScript가 구동되는 환경을 의미. 예를들어 node.js 가 있다.
export-import
export : 모듈 내보내기. 변수나 함수 앞에 붙 정세비 파주 여 외부 모듈에서 해당 변수나 함수에 접근할 수 있도록 함
import : 모듈 가져오기. 외부 모듈의 기능을 가져와 사용함
// 📂 sayHello.js 를 외부로 보내기
export function sayHello(user) {
console.log(`Hello, ${user}`);
}
// 📂 main.js 에서 sayHello.js 받아오기
import {sayHello} from '/sayHello.js';
sayHello('serrena'); // Hello, serena
이 때 브라우저에서 export나 import를 사용하려면 `<script type="module">와 같은 속성이 꼭 필요함
<!doctype html>
<script type="module">
import {sayHello} from './sayHello.js';
document.body.innerHTML = sayHello('serena'<);
</script>정세비 파주
파주