ProgrammingjQuery

[jQuery] 다운로드 및 설치 방법

jquery cdn, jquery 다운로드, jquery 다운로드 최신, jquery 설치하기, 제이쿼리 CDN, 제이쿼리 다운로드, 제이쿼리 다운로드 자세히, 제이쿼리 설치 적용, 제이쿼리 설치하기

제이쿼리 다운로드 방법

우선 제이쿼리를 설치하는 방법은 여러가지이지만 저는 크게 2가지 방법을 알려드리겠습니다. (2019년 9월 5일 기준으로 작성되었습니다.)

  1. 파일을 다운받아 적용
  2. CDN을 통해 <head> 태그안에 입력

배포시에 만약 인터넷이 안되는 곳에 적용하는 것이라면 무조건 1번 방법으로 JQuery를 설치 받아야 추후에도 사용 가능합니다.
CDN을 통해 사용하는 것은 인터넷이 작동한다는 가정하에 간단하게 사용합니다.


1. 파일을 다운받아 적용

1) 제이쿼리 홈페이지에 접속하여 다운로드 버튼을 클릭합니다.

Jquery homepage 이미지가 안보이면 클릭해주세요

2) 원하는 jQuery 파일을 다운 받습니다.

압축되지 않은 파일(Uncompressed) 보고 이해할 수 있도록 띄어쓰기로 구분되어 있지만 용량이 압축된 것보다 큽니다.

압축되지 않은 파일 이미지가 안보이면 클릭해주세요

압축된 파일(Compressed)은 용량을 줄이기 위해서 띄어쓰기와 빈칸을 없애서 사람이 보고 이해하기 어렵게 작성되어 있습니다.
원하는 파일화면에 마우스 오른쪽 버튼을 클릭하여 다른이름으로 저장버튼을 클릭합니다.

압축된 파일 이미지가 안보이면 클릭해주세요

3) 원하는 경로에 다운로드

원하는 경로에 다운로드 합니다. 경로를 기억하셔야 합니다. Java의 경우 resource 파일 아래에 저장합니다.
파일이름은 jquery-3.4.1.min.js 입니다.

다운로드 화면

4) 적용시키기

<head></head> 태그 사이에 아래와 같이 입력합니다. 이때 3번에서 다운로드 받은 경로를 잘 기억하시고 입력하여주세요.
파일이름을 변경하셨다면 변경된 이름으로 적용하시면 됩니다.

1
<script src="../resource/jquery-3.4.1.min.js"></script>


2. CDN을 통해 <head> 태그안에 입력

1) CND 다운로드 접속

CND 다운로드에 접속하여 최신버전의 jQuery CDN을 클릭합니다.

jQuery CDN 화면 이미지가 안보이면 클릭해주세요

2) 스크립트를 복사합니다.

위에서 클릭한 후 화면에 나오는 스크립트 부분을 복사합니다.

jQuery CDN 스크립트 이미지가 안보이면 클릭해주세요

3) 적용시키기

<head></head> 태그 사이에 위에서 복사한 스크립트를 입력합니다.

1
2
3
4
<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

이제 jQuery를 사용해서 쉽고 간편하게 소스를 사용할 수 있게 되었습니다!

via GIPHY

Reference

Share