뇨내

[JQuery-VSCode] JQuery 설치 본문

Web/JQuery

[JQuery-VSCode] JQuery 설치

삐옥 2022. 1. 10. 01:00

 

 

 

 

 

 

 


설치 방법은 3가지가 있다.

 


 

 첫번째 방법 - 직접설치 1

 

 

jQuery

What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jquery.com

 

사이트에 접속하면 메인이 뜬다

 

표시해놓은 다운로드 버튼을 클릭

 

 

 

그러면 페이지 이동이되는데 하단으로 스크롤을 쭉 내리면 Past Releases 가 보이고 그걸 클릭한다.

 

 

 

 

이걸 설치할건데 이때!!!

uncompressed 와 minified(압축본 = 공백없는 파일)

우클릭 -> 다른이름으로 링크 저장

그러면 파일이 다운로드표시가 뜨면서 다운로드가 된다.

 

 

다운 받은 파일의 이름은 이렇다.

2개의 js파일을 작업하려는 폴더에 넣어놓으면 편하다.(위치찾기에 편해서)

다시 이제 작업하려는 파일에서 이 파일을 직접설치해줘야 쓸 수 있는데 방법은 이러하다

 

 

.html 파일 생성후

<body> 안에 이렇게 위의 파일이 설치 된 경로를 적어서 설치하는 것이 직접 설치이다.

 

 

단점은 새로 파일을 생성할때 마다 매번 저 위치주소를 써야한다.

 

 

 

 

 


 두번째 방법 - 직접설치 2

cmd 창 이용 -> 설치위치 기입(1과 비슷) 으로 설치하는 방법

살짝 손이 더 가므로 1번방법을 추천한다.

 

 

 


 

 세번째 방법 - CND 설치

 

로컬환경에서 직접 설치가 아닌

주소를 가져와서 실시간으로 연동하는 방식으로 설치하는 것이다.

편해보이나 단점은 주소를 제공하는 사이트가 문제가 생기면 이걸 이용하는 사용자 또한 문제를 겪는다.

 

 

 

아까 들어간 페이지에서 우클릭대신 좌클릭하면 저런 창이 뜨는데

위의 글자들을 복사한다.

그리고 그대로 <body>안에 복붙하면 된다.

 

 

3가지 방법을 살펴봤는데

개인적으로 1번방법을 추천합니다.

 
 

 

'Web > JQuery' 카테고리의 다른 글

[JQuery-VSCode] Bootstrap  (0) 2022.01.05
Comments