Getting Started

Installation

프로젝트에 triplexlab 포함/가져오는 방법에는 몇 가지 옵션이 있습니다.

Use triplexlab from CDN

프로젝트에 triplexlab 파일을 포함하지 않으려면 CDN에서 파일을 사용하십시오. 다음 파일을 사용할 수 있다.

특정 버전 가져오기 : src="https://unpkg.com/triplexlab@버전/dist/build.min.js"

항상 최신버전 가져오기 : src="https://unpkg.com/triplexlab/dist/build.min.js"

<link rel="stylesheet" href="https://unpkg.com/triplexlab/dist/all.min.css">

<script src="https://unpkg.com/triplexlab/dist/all.min.js"></script>

브라우저에서 ES 모듈을 바로 사용하는 경우 CDN 버전도 있습니다.

<script type="module">
    import tr from "https://unpkg.com/triplexlab/dist/all.min.js";
    
    new tr.Accordions ({...});
</script>

Download assets

triplexlab 자산을 로컬에서 사용하려면 직접 다운로드하십시오. https://unpkg.com/browse/triplexlab/

----- OR -----

triplexlab 자산을 github를 통해서 직접 다운로드하십시오. https://github.com/TriplexLab-So/module

모듈 분활 로드하기(Loading)

version 1.2.6 부터는 모듈 분활 로드할수 있도록 제공합니다. 다음과 같은 분활 로드를 제공하는 이유는 불필요한 리소스를 줄여서 서비스를 만들때 조금이나마 가벼운 서비스를 제공하기 위함입니다.

이제 필요한 모듈들만 로드가 가능해졌습니다.

// build.min.js는 모든 모듈을 한곳에 모아놓은 파일입니다.(기존과 동일)
<script src="https://unpkg.com/triplexlab/dist/all.min.js"></script>

// actives.min.js는 actives 모듈만 있는 파일입니다.
<script src="https://unpkg.com/triplexlab/dist/Actives.min.js"></script>

// MoreViews.min.js는 MoreViews 모듈만 있는 파일입니다.
<script src="https://unpkg.com/triplexlab/dist/MoreViews.min.js"></script>

// Counter.min.js는 Motion 모듈만 있는 파일입니다.
<script src="https://unpkg.com/triplexlab/dist/Counter.min.js"></script>