2024-06-21
This commit is contained in:
41
Writerside/topics/Module.md
Normal file
41
Writerside/topics/Module.md
Normal file
@@ -0,0 +1,41 @@
|
||||
# 모듈
|
||||
|
||||
import와 export 키워드는 모듈에서만 사용할 수 있습니다.
|
||||
|
||||
## 모듈로 내보내기
|
||||
|
||||
모듈로 내보내려는 항목 앞에 export 키워드를 붙여 줍니다.
|
||||
|
||||
```javascript
|
||||
export const PI = 3.141592;
|
||||
|
||||
export function hello() {
|
||||
return "Hello";
|
||||
};
|
||||
```
|
||||
|
||||
또는, 모듈 파일의 맨 끝에 export 키워드로 내보낼 항목들을 나열합니다.
|
||||
|
||||
```javascript
|
||||
const PI = 3.141592;
|
||||
|
||||
function hello() {
|
||||
return "Hello";
|
||||
};
|
||||
|
||||
export {
|
||||
PI, hello
|
||||
};
|
||||
```
|
||||
|
||||
## 모듈 가져오기
|
||||
|
||||
```javascript
|
||||
import { PI, hello } from "./mymodule.js";
|
||||
```
|
||||
|
||||
## HTML에서 모듈 선언
|
||||
|
||||
```html
|
||||
<script type="module" src="mymodule.js"></script>
|
||||
```
|
||||
Reference in New Issue
Block a user