반응형
모듈이란
바닐라 자바스크립트에서는 존재하지 않는 개념으로 프로그램을 구성하는 작은 로직들을 의미한다.
//index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
function printHello() {
alert("Hello");
}
printHello();
</script>
</body>
</html>위의 예제 코드에서 printHello 함수가 자주 사용되고 이 함수를 호출하려는 곳이 여러 곳일 때 위의 예제처럼
함수가 정의되어있으면 유지보수가 어렵고 사용되는곳마다 이 함수를 정의해주어야 한다.
이럴 때 모듈이 사용된다.
// printHello.js
function printHello()
{
alert("Hello");
}
//index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="printHello.js"></script>
</head>
<body>
<script>
printHello();
</script>
</body>
</html>위의 예제에서는 printHello 함수를 새로운 js 파일에 정의하고 js 파일을 index에서 불러와 사용하고 있다.
js 파일의 이름은 원하는 파일명을 사용하면 된다.
반응형
'프로그래밍 > JavaScript' 카테고리의 다른 글
| [ES6] JavaScript 문자열 ( string ) (0) | 2020.10.20 |
|---|---|
| [ES6] JavaScript 스코프 ( scope ) (0) | 2020.10.20 |
| JavaScript 클로저 ( Closer ) (0) | 2020.10.07 |
| JavaScript 객체 ( Object ) (0) | 2020.10.06 |
| 행정구역지도 만들기 (0) | 2020.07.31 |
