jQuery를 사용하기 위해서는 해당 라이브러리가 필요합니다. 해당 라이브러리를 공식 홈페이지에서 직접 다운로드 받아서 서버에 업로드해서 사용하는 방법이 있습니다. 이번 시간은 CDN을 이용한 방법에 대해서 알아보겠습니다.
CDN은 해당 라이브러리를 다운받아서 사용하는 것이 아니라, 공식 홈페이지에서 제공하는 라이브러리 URL을 그대로 사용하는 방법입니다. 장점은 작업하는 홈페이지의 트래픽량을 감소시킬 수 있습니다.
CDN URL 찾기
jQuery CDN 공식 홈페이지로 이동하면, 버전별, mini등 원하는 CDN의 주소를 확인하고, 바로 복사해서 홈페이지에 적용하면 됩니다. 아주 간단하죠!
CDN 사용법
<head>~</head>사이에 CDN URL를 복사합니다. 끝!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>jQuery CDN</title>
<script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script>
</head>
<body>
<script>
$(document).ready(function() {
console.log("jQuery Ready");
});
</script>
</body>
</html>
// console result
jQuery Ready마무리
jQuery는 웹페이지 제작 시 많이 사용되는 라이브러리 입니다. CDN를 이용해서 더욱 편하게 사용하는 방법에 대해서 알려드립니다. 한 가지 인지하고 있어야 할 부분은 공식 홈페이지에서 제공하는 CDN처럼 개인 서버에 올려두고 사용하는 것은 좀 위험할 수 있습니다.