자주 사용하는 cdn 코드들
안녕하세요 밤구름 입니다.
오늘은 제가 자주 사용하는 cdn코드들에 대해서 알아보도록 하겠습니다.
cdn이란, 내 서버가 아닌 다른 사이트에서 자료를 가져와서 내 사이트에 적용하는 방식을 말합니다.
1.제이쿼리
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.4.min.js"></script>제이쿼리는 편하게 DOM요소에 접근하게 해준다.
내가 제일 많이 사용하는 버전은 제이쿼리1.12.4버전이다
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
2.폰트어썸
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">폰트어썸은 이쁜 아이콘들을 사용가능하게 해주는 코드이다.
사용방법도 쉬운편이다. 공식사이트에서 무료로 사용하기에 좋은 것들을 많이 가지고 있다.
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
3.제이쿼리 UI
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/jquery-ui.min.js"></script>제이쿼리 UI는 자주 사용하는 코드는 아니지만 drag & drop기능을 사용하거나 달력, 정렬기능을 사용할 때 유용합니다.
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQue
jqueryui.com
통합본
<!-- 폰트어썸 -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
<!-- 제이쿼리 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- 제이쿼리 UI -->
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/jquery-ui.min.js"></script>통합본을 원하시는 분이라면 아래의 코드만 사용하시면 됩니다.
나중에 추가로 더 생기면 업로드 하겠습니다.
'etc[자료들] > Open Source' 카테고리의 다른 글
| Lighthouse 사용법 (2) | 2021.12.02 |
|---|---|
| qrcode.js 다운로드 (0) | 2021.09.15 |
| 쉽게 사용하는 turn.js 튜토리얼 (1) | 2021.09.14 |
| 쉽게 사용하는 qrcode.js 튜토리얼 (0) | 2021.09.14 |
