기타 프로젝트/공개 프로그램
DG jsModuleLoad 1.0 - 여러 파일(모듈) 로드 유틸
당근천국
2021. 12. 3. 15:30
DG_jsModuleLoad 1.0
- 다중 파일 로드(다운로드하여 내용을 전달) 기능
- 각 파일 로드 완료 시 콜백 제공
- 모든 파일 로드 완료 시 콜백 제공
테스트 용 프로젝트 : https://github.com/dang-gun/DotNetSamples/tree/master/JavascriptUtilTest
프로그램 소스 : github - https://github.com/dang-gun/DG_JavaScript_Utility/tree/master/DG_jsModuleLoad
Author : Dang-Gun Roleeyas ( http://blog.danggun.net/ )
Create date : 2021.12.01
License : MIT( https://opensource.org/licenses/MIT )
사용기술 : javascript
유틸리티 설명
여러 개의 파일이나 모듈을 비동기로 로드해주는 유틸입니다.
이런 기능을 wp공하는 라이브러리가 많지만 필요 없는 기능이 많은 경우가 대부분이라 만들었습니다.
지정된 파일 리스트를 다운로드하여 전달하고 리스트의 모든 파일이 로드되면 콜백을 전달합니다.
1. 주요 기능
- 다중 파일 로드(다운로드하여 내용을 전달) 기능
- 각 파일 로드 완료 시 콜백 제공
- 모든 파일 로드 완료 시 콜백 제공
2. 사용 방법
'DG_jsModuleLoad'를 생성해 줍니다.
이때 로드할 URL과 동작에 사용할 콜백을 전달해 줍니다.
|
1
2
3
|
new DG_jsModuleLoad([아이템 json 배열], [리스트가 모두 로드되었을때 동작할 콜백]);
아이템 json 구조
[{url:"다운로드할 Url", downloadcallback: function(data){}}]
|
cs |
예제 >
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
new DG_jsModuleLoad(
[
{
url: "../test/Download01.html"
, downloadcallback: function (data) { sD01 = data; }
},
{
url: "../test/Download02.json"
, downloadcallback: function (data) { sD02 = data; }
},
{
url: "../test/Download03.js"
, downloadcallback: function (data) { sD03 = data; }
}
]
, function ()
{
console.log("sD01 : " + sD01);
console.log("sD02 : " + sD02);
console.log("sD03 : " + sD03);
});
|
cs |
개체를 생성하면 로드가 시작됩니다.
3. API
API Document
| 이름 | 매개변수 | 설명 |
| new DG_jsModuleLoad(arrItmeJson, funCompltCallback) | @param {Array} arrItmeJson 다운로드 받을 아이템 배열. 구조 = [{url:"다운로드할 Url", downloadcallback: function(data){}}] @param {Function} funCompltCallback 리스트의 모든 아이템의 다운로드가 끝나면 전달될 콜백 |
모듈 다운로드 기능을 생성하고 다운로드를 진행한다. |
| ModuleDownload(arrItmeJson, funCompltCallback) | @param {Array} arrItmeJson 다운로드 받을 아이템 배열. 구조 = [{url:"다운로드할 Url", downloadcallback: function(data){}}] @param {Function} funCompltCallback 리스트의 모든 아이템의 다운로드가 끝나면 전달될 콜백 |
정보를 세팅하고 다운로드를 진행한다. |
수정 이력
2020.12.01 - 1.0
- 구현 완료