본문으로 바로가기

JQuery 준비하기

category 웹/JavaScript,JQurey 2019. 2. 25. 18:45

JQuery 준비하기


제이쿼리는 자바스크립트를 이용한 라이브러리 언어입니다.


매우 유용하고 에니메이션이나 호환성 문제를 해결할 수 있습니다.


이를 사용하기 위해서는 몇가지를 준비해야합니다.


즉 제이쿼리 라이브러리를 사용할 수 있게 연동을 해야합니다.


이를 위한 두 가지 방법은


1. 다운로드 방식


2. 네트워크 전송 방식


1. 다운로드 방식


이 방식은 네트워크 상태가 좋지않아도 언제든 개발 가능합니다.


대신 다운로드 받아야합니다. 따라서 간단한 개발을 할 때는 네트워크 방식이 오히려 간편합니다.


우선 CDNJS 사이트: http://cdnjs.com/


에 접속합니다.


들어가면 아래와 같이 나올 겁니다.



Jquery를 검색 후 맨 위에 나오는 Jquery를 눌러줍니다.


들어가게 되면 아래와 같이 나옵니다.


Version은 아무거나 상관없습니다. 저는 1.12.4를 쓰겠습니다.


여기나오는 url이 있느데 jquery.js url을 복사하여 열어서 해당 개발 할 폴더에 jquery.js로 저장해줍니다.


위 처럼 저장을 하고 


<script src="js/jquery.js"></script> 를 설정해주면 쓸 수 있습니다.


지금까지는 다운로드 방식이였습니다.


만약에 최신 버전을 사용하는데 이전 버전의 메서드를 사용하고 싶다면


http://jquery.com/download 에 들어가서 [Download the compressed, production JQuery Migrate 1.4.1]을 클릭 후 받아서


적용해줍니다.




네트워크 전송 방식


위에처럼 우선 CDNJS 사이트: http://cdnjs.com/libraries/jquery 에 들어가서 URL을 복사한 후


<script> 태그에 src 속성에 붙여넣기 하시면 됩니다.


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>




' > JavaScript,JQurey' 카테고리의 다른 글

D3.js 공부 2 - 선택자  (0) 2019.03.31
D3.js 공부 - 1(svg)  (0) 2019.03.30
JavaScript 함수  (0) 2019.02.25
객체(2)  (0) 2018.09.09
객체(수정)  (0) 2018.09.07