기타 프로젝트/공개 프로그램
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

- 구현 완료

 

저작자표시

티스토리툴바