JongDDA의 한걸음 한걸음씩
[Jquery] 제이쿼리란, 제이쿼리 연동하기 본문
728x90
제이쿼리란?
제이쿼리는 자바스크립트를 이용해 만든 라이브러리이다. 라이브러리란 프로그래밍 언어를 사용해 만들어진 다양한 함수 또는 객체들의 집합을 의미한다.
제이쿼리는 자바스크립트 동작과 관련해 다음과 같은 사항들을 개선시킨 라이브러리이다.
- 호환성 문제 해결
- 애니메이션 구현 코드 간소화
제이쿼리 라이브러리 연동하기
웹문서에서 제이쿼리를 사용할 수 있게 하기 위한 방법에는 두 가지가 있다. 첫 번째는 제이쿼리 라이브러리 파일을 직접 다운로드 받아서 사용하는 방식이고, 두 번째는 온라인에서 제이쿼리 라이브러리 파일을 제공하는 주소를 웹문서와 연동하는 CDN(Content Delivery Network) 방식이다.
1. 제이쿼리 다운로드를 통해 연동
위의 링크를 통해 다운로드 사이트에 들어가면 아래와 같은 화면을 볼 수 있다.

여기서 원하는 버전을 선택해서 클릭하면
아래와 같은 코드를 볼 수 있고

여기서 ctrl + s 를 입력하여 원하는 경로에 저장!
그리고 HTML 문서에 <script src ="저장한 경로"></script>를 넣어주면 된다.
2. cdn 연동방식
위의 사이트에 들어가서

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

이 코드를 그대로 HTML 문서에 넣으면 된다.
아래는 cdn 방식을 이용해 연동한 HTML 파일이다.

728x90
반응형
'개발 > 프론트엔드' 카테고리의 다른 글
| [JavaScript & Jquery] 토글 클레스(toggleClass) (0) | 2021.04.04 |
|---|---|
| [JavaScript & Jquery] 선택자 (0) | 2021.04.04 |
| [JavaScript] 로컬스토리지(local storage) (0) | 2021.03.28 |
| [JavaScript] 템플릿 문자열 (0) | 2021.03.28 |
| [JavaScript] const 와 let (0) | 2021.03.28 |
Comments