[42일] jQuery (1) - 다운로드 및 설정

ewok 2022. 9. 26. 10:21

jQuery는 JavaScript의 라이브러리로 JavaScript를 접근하기 쉽게 압축시켜놓은 것이다.

JavaScript 기반의 오픈소스는 다양하다. jQuery, Bootstrap, moment, AJAX, AngularJS, react 등이 있다. 또 시각화와 관련된 것으로 chart.js, d3.js 등이 있다.

jQuery 오픈소스 사용방법

1. jQuery라이브러리를 제공하는 해당사이트 직접 링크

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

2. jQuery라이브러리를 직접 다운 받아서 사용(추천)

    https://jquery.com/download/
     ->Download the compressed, production jQuery 3.6.1
     ->우클릭 -> 다른이름으로 링크 저장
     ->jquery-3.6.0.min.js 다운

오픈소스를 다운로드 받을 때는 파일명에 min이 들어간 것을 받는 것을 추천한다.

min이 들어간 파일은 아래처럼 엔터와 띄어쓰기를 최소화하였기에 용량을 적게 차지한다.

다운로드한 후 사용은 다음과 같이 한다.

<script src="jquery-3.6.1.min.js"></script>
<script>
	작성
</script>

제대로 import 되었는지 확인은 아래와 같이 하면 된다.

<!--jQuery import -->
<script src="jquery-3.6.1.min.js"></script>
<script>
    //jQuery 시작

    //1) jQuery() 축약형 -> $                     
    alert($);

    //2)
    $(document).ready(function(){
        alert("jQuery시작");
        alert($);
    });
    
    //3)
    $(function(){
        alert("jQuery시작");
        alert($);
    });
</script>