개발/프론트엔드

[Jquery] 제이쿼리란, 제이쿼리 연동하기

종따 2021. 4. 1. 19:21
728x90

제이쿼리란?

제이쿼리는 자바스크립트를 이용해 만든 라이브러리이다. 라이브러리란 프로그래밍 언어를 사용해 만들어진 다양한 함수 또는 객체들의 집합을 의미한다.
제이쿼리는 자바스크립트 동작과 관련해 다음과 같은 사항들을 개선시킨 라이브러리이다.

  • 호환성 문제 해결
  • 애니메이션 구현 코드 간소화

제이쿼리 라이브러리 연동하기

웹문서에서 제이쿼리를 사용할 수 있게 하기 위한 방법에는 두 가지가 있다. 첫 번째는 제이쿼리 라이브러리 파일을 직접 다운로드 받아서 사용하는 방식이고, 두 번째는 온라인에서 제이쿼리 라이브러리 파일을 제공하는 주소를 웹문서와 연동하는 CDN(Content Delivery Network) 방식이다.

1. 제이쿼리 다운로드를 통해 연동

https://jquery.com/download/

위의 링크를 통해 다운로드 사이트에 들어가면 아래와 같은 화면을 볼 수 있다.

 

여기서 원하는 버전을 선택해서 클릭하면

아래와 같은 코드를 볼 수 있고

 

여기서 ctrl + s 를 입력하여 원하는 경로에 저장!

그리고 HTML 문서에 <script src ="저장한 경로"></script>를 넣어주면 된다.

 

2. cdn 연동방식

https://code.jquery.com/

 

위의 사이트에 들어가서

원하는 버전을 누르면 아래와 같이 복사 할 수 있는 코드가 나오고 

 

 

이 코드를 그대로 HTML 문서에 넣으면 된다.

아래는 cdn 방식을 이용해 연동한 HTML 파일이다.

 

728x90
반응형