[Javascript] 자바스크립트 제이쿼리 라이브러리 연동하기

 

제이쿼리란?

제이쿼리는 모질라 사의 자바스크립트 개발자였던 존 레식(John Resig)이 자바스크립트를 이용해 만든 라이브러리 언어입니다. 라이브러리 언어란 자바스크립트로 만들어진 다양한 함수들의 집합을 가리킵니다.

앞선 포스팅에서 함수는 일련의 코드를 함수 내에 정의했다가 필요할 때마다 호출하여 사용하는 것이라고 배웠습니다. 제이쿼리는 이런 다양한 함수들을 사용자들에게 제공함으로써 자바스크립트에서 사용할때 불편했던 점들을 간편하게 사용할 수 있도록 개선했습니다.

​

 

 

제이쿼리에서 개선된 사항들

1. 호환성 문제 해결

자바스크립트의 문서 객체 모델(DOM)과 이벤트 객체는 호환성이 떨어진다는 단점이 있습니다. 예를 들어 인접 요소 선택자 중 다음 요소 선택자는 IE8 이하의 브라우저에서 문서객체를 선택했을 때와 다른 브라우저에서 문서 객체를 선택했을 때의 결과가 다릅니다. 하지만 이런 호환성 문제가 제이쿼리에서는 모두 해결됩니다. 선택자에 대핸 다음 포스팅에서 더 알아보겠습니다.

2. 쉽고 편리한 애니메이션 효과 기능 구현

자바스크립트로 애니메이션 효과를 구현하려면 많은 코드를 사용해야 하기 때문에 개발에 많은 시간이 필요했습니다. 하지만 제이쿼리는 애니메이션과 다양한 효과를 지원하는 메서드를 제공하기 때문에 개발 시간을 많이 단축할 수 있습니다.

​

 

 

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

1.다운로드 방식

제이쿼리 라이브러리를 제공하는 사이트에서 제이쿼리 라이브러리 파일을 직접 내려받아 HTML에 불러오는 방식입니다.

2.네트워크 전송 방식

온라인에서 제공하는 제이쿼리 라이브러리 파일을 네트워크를 통해 HTML에 불러오는 방식입니다.

​

두 방식의 차이점

다운로드 방식은 네트워크 상태와 상관없이 언제든 개발할 수 있다는 장점이 있습니다. 하지만 컴퓨터에 라이브러리 파일을 내려받아야 합니다. 간단히 테스트할 목적이라면 간편하게 연동할 수 있는 네트워크 전송 방식을 추천합니다.

​

네트워크 전송방식으로 연동하기

1.CDNJS 사이트에서 제이쿼리(v1.12.4)라이브러리 파일의 URL을 복사합니다.

2.<script> 태그 src속성에 복사한 URL을 붙여 넣습니다.