# 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>"

```markup
<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 버전도 있습니다.

```markup
<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)&#x20;

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

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

```javascript
// 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>
```