Front-end/JavaScript

[자바스크립트] jQuery 사용하기

파리외 개발자 2022. 4. 26. 18:24

jQuery는 보편적으로 사용되는 라이브러리다. 두 가지 사용법이 있다.

 

우선 아래 링크로 들어간다.

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

다운로드 방식

링크로 들어가면 제일 위에 이런 링크가 있다.

위에 것이 압축, 아래가 비압축이다.

뭘 사용하던 상관은 크게 없지만 압축쪽이 용량이 적으므로 위 링크로 들어간다.

들어가면 이런 창이 나오는데 마우스 오른쪽으로 다른 이름으로 저장을 해준다.

링크를 걸기 쉬운 경로를 만들어 주기 위해 html파일이 element폴더에 있다면

라이브러리를 저장하는 lib폴더를 만들어서 거기에 저장해준다.

스크립트 태그 내에 상대경로로 지정을 해주면 된다.

 

CDN 방식

위의 방식과 다른 점은 인터넷이 사용가능할 때만 작동한다는 점이다.

따로 파일을 다운받을 필요없이 링크만 걸어주면 사용가능하다.

 

아까 파일을 다운받았던 사이트에서 아래로 내리면 이런 항목이 보인다.

본인이 사용하는 브라우저에 해당하는 CDN을 들어가준다. 여기선 Google CDN으로 들어간다.

들어가서 아래로 내리다보면 이런 항목이 있는데 제일 위 3.x snippet의 링크를 복사해준다.

그대로 붙여넣어주면 jQuery를 사용할 수 있다.