..

Search

2) 제이쿼리 기초

제이쿼리 기초


제이쿼리를 배우기 위한 사전지식

제이쿼리는 자바스크립트 라이브러리이므로, 자바스크립트 언어에 대한 기초 지식이 필요합니다.

또한, HTML 요소을 선택하고, CSS 스타일을 변경하는 등 HTML과 CSS와도 많은 연관이 있습니다.

 

따라서 제이쿼리를 배우기 전에 여러분은 다음과 같은 기초 지식이 필요합니다.

 

- HTML

- CSS

- 자바스크립트

 

HTML 수업부터 배우고 오기 =>

CSS 수업부터 배우고 오기 =>

자바스크립트 수업부터 배우고 오기 =>


제이쿼리(jQuery)란?

제이쿼리(jQuery)는 오픈 소스 기반의 자바스크립트 라이브러리입니다.

 

제이쿼리는 여러분의 웹 사이트에 자바스크립트를 더욱 손쉽게 활용할 수 있게 해줍니다.

또한, 제이쿼리를 사용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있습니다.

이러한 제이쿼리는 오늘날 가장 인기 있는 자바스크립트 라이브러리 중 하나입니다.


제이쿼리의 역사

제이쿼리는 2006년 미국의 존 레식(John Resig)이 뉴욕시 바캠프(Barcamp)에서 처음으로 소개하였습니다.

현재는 jQuery Team이라는 개발자 그룹이 jQuery Foundation을 통해 개발과 유지 보수를 담당하고 있습니다.


제이쿼리의 장점

현재 많이 사용되고 있는 자바스크립트 라이브러리는 다음과 같습니다.

 

 - 프로토타입(Prototype)

 - 도조(Dojo)

 - GWT(Google Web Toolkit)

 - MochiKit

 

이렇게 수많은 자바스크립트 라이브러리 중에서도 제이쿼리가 특히 많이 사용되는 이유는 다음과 같습니다.

 

1. 제이쿼리는 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원됩니다.

2. HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용할 수 있습니다.

3. 애니메이션 효과나 대화형 처리를 간단하게 적용해 줍니다.

4. 같은 동작을 하는 프로그램을 더욱 짧은 코드로 구현할 수 있습니다.

5. 다양한 플러그인과 참고할 수 있는 문서가 많이 존재합니다.

6. 오픈 라이선스를 적용하여 누구나 자유롭게 사용할 수 있습니다.


제이쿼리 버전

제이쿼리는 jQuery Foundation을 통해 버전 개발 및 유지 보수가 진행되고 있습니다.

 

현재 각 제이쿼리 버전별 최신 버전은 다음과 같습니다.

 

1. 버전 1 : jQuery 1.12.4

2. 버전 2 : jQuery 2.2.4

3. 버전 3 : jQuery 3.2.1

 

제이쿼리 버전 1은 익스플로러 6, 7, 8 버전에서의 동작까지 모두 지원하는 버전입니다.

제이쿼리 버전 2는 버전 1에서 지원하는 익스플로러 6, 7, 8 버전에 대한 지원을 중단한 버전입니다.

 

2014년 10월에 배포된 제이쿼리 버전 3은 제이쿼리의 차세대 표준입니다.

제이쿼리 버전 3은 기존 버전과의 호환성을 유지한 채 더욱 간결하게 작성되고, 더욱 빠르게 동작하도록 변경되었습니다.

2017년 3월에는 제이쿼리 버전 3의 최신 버전인 3.2.1 버전이 발표되었습니다.

 

제이쿼리 최신 버전에 대한 더 자세한 사항은 다음 링크를 참고하면 됩니다.

 

jQuery Foundation : http://blog.jquery.com =>

 

제이쿼리 버전 2와 버전 3는 모두 익스플로러 9 이상에서만 동작합니다.
이 때문에 아직도 많은 웹 사이트에서는 제이쿼리 버전 1을 사용하고 있습니다.

연습문제