2.2.1 CDN 사용하기

HTML 기반에서 뷰 애플리케이션을 생성할 때 CDN 서비스를 사용하면 매우 유용합니다. CDN 서비스로 제공되는 뷰 라이브러리를 HTML에서 제공하는 <script> 태그로 손쉽게 추가할 수 있기 때문입니다.

HTML 문서에 다음과 같은 <script> 태그를 포함하면 뷰 라이브러리를 불러올 수 있습니다. 불러온 뷰 라이브러리를 사용해 손쉽게 뷰 애플리케이션을 만들 수 있고요.

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

CDN 서비스로 제공되는 라이브러리 코드를 사용해 뷰 애플리케이션을 만들어 보겠습니다.

1 실습에 사용할 작업 폴더를 생성합니다. 여기서는 cdn-vue라는 이름으로 생성하겠습니다. 폴더는 편한 위치에 생성하세요. C 드라이브에 생성해도 되고 바탕화면에 생성해도 됩니다.