[jQuery] CDN을 사용하여 jQuery 라이브러리를 동적으로 불러오는 방법

22 Dec 2023

웹 개발을 하다 보면 종종 jQuery 라이브러리를 사용해야 할 때가 있습니다. 하지만 모든 페이지에 jQuery를 직접 포함하는 것은 비효율적일 수 있습니다. 대신 CDN을 통해 필요할 때만 jQuery를 동적으로 불러오는 방법을 알아보겠습니다.

1. jQuery CDN 불러오기

먼저, CDN을 통해 jQuery를 불러오기 위해서는 HTML 파일의 <head> 태그 내에서 다음과 같이 코드를 추가합니다.

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

이 코드를 통해 jQuery 라이브러리가 동적으로 불러와집니다.

이제 jQuery를 사용하는 스크립트 파일을 작성할 수 있습니다. 다음은 간단한 예제 코드입니다.

$(document).ready(function() {
    // jQuery 코드 작성
    $("button").click(function() {
        $("p").hide();
    });
});

이렇게 하면 jQuery를 CDN을 통해 동적으로 불러와 사용할 수 있습니다.

CDN을 사용하여 jQuery를 동적으로 불러오는 방법은 매우 간단하며, 필요한 경우에만 라이브러리를 불러와 사용할 수 있습니다. 이를 통해 웹 페이지의 성능을 최적화하고 효율적으로 개발할 수 있습니다.

더 많은 정보를 원하시거나 jQuery의 다양한 기능을 확인하고 싶으시다면 jQuery 공식 문서를 참고하시기 바랍니다.