"제이쿼리"의 두 판 사이의 차이
1번째 줄: | 1번째 줄: | ||
'''제이쿼리'''<!--jquery-->(jQuery)란 [[HTML]] 문서에 삽입하여 사용할 수 있는 [[자바스크립트]] [[라이브러리]]를 말한다. <br>매우 쉽고 간단하기 때문에[[HTML]], [[CSS]], [[자바스크립트]]에 관한 기초지식만 있다면 짧고 단순한 코드로 다양한 효과를 연출할 수 있다. | '''제이쿼리'''<!--jquery-->(jQuery)란 [[HTML]] 문서에 삽입하여 사용할 수 있는 [[자바스크립트]] [[라이브러리]]를 말한다. <br>매우 쉽고 간단하기 때문에[[HTML]], [[CSS]], [[자바스크립트]]에 관한 기초지식만 있다면 짧고 단순한 코드로 다양한 효과를 연출할 수 있다. | ||
− | [[파일:제이쿼리 로고글자.png|썸네일| | + | [[파일:제이쿼리 로고글자.png|썸네일|700픽셀|'''제이쿼리'''(jQuery)]] |
== 개요 == | == 개요 == |
2019년 7월 23일 (화) 10:31 판
제이쿼리(jQuery)란 HTML 문서에 삽입하여 사용할 수 있는 자바스크립트 라이브러리를 말한다.
매우 쉽고 간단하기 때문에HTML, CSS, 자바스크립트에 관한 기초지식만 있다면 짧고 단순한 코드로 다양한 효과를 연출할 수 있다.
개요
등장배경
제이쿼리는 미국 넷스케이프(Netscape)의 브렌든 아이크(Brendan Eich)가 개발한 스크립트 프로그래밍 언어인 자바스크립트(JavaScript)를 웹사이트에서 더욱 손쉽게 활용하기 위해 만들어진 오픈 소스 기반의 라이브러리이다. 2006년 1월 16일 웹 디자이너인 존 레식(John Resig)가 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개했으며[1], 현재는 jQuery Team이라는 개발자 그룹이 jQuery Foundation을 통해 개발과 유지 보수를 담당하고 있다.[2]
역사
특징
제이쿼리는 HTML의 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된 브라우저 호환성이 있는 자바스크립트 라이브러리이다.
또한 가볍고, 단순하고 더 많은 기능을 사용할 수 있으며, 다양한 브라우저에서 작동하는 사용하기 쉬운 API를 사용하면 HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션 및 Ajax를 더욱 간단하게 만들 수 있다. 수많은 라이브러리 중에서도 제이쿼리가 특이 많이 사용되는 이유는 다음과 같다.[3]
특징 설명 단순화 - 불필요한 코드를 줄이고 간결한 형식으로 단순화시킴으로써, 코드 가독성과 개발 효율성을 크게 증가 시켰다.
- 자바스크립트보다 코드가 간결하여 학습이 쉽다.
DOM - 문서 객체 모델을 좀 더 쉽게 접근하여 조작할 수 있다.
이벤트 연결 - 이벤트 연결을 쉽게 구현할 수 있는 기능을 제공한다.
- 브라우저마다 이벤트 전달 방식이 달라 생기는 브라우저간의 차이로 발생하는 문제점을 쉽게 해결할 수 있다.
크로스 브라우징 - 웹 표준에 기반을 두어 제이쿼리로 다양한 브라우저에서 동작하는 코드를 작성할 수 있다.
- PC와 모바일에서도 작동이 가능하다.
효율적인 셀렉터 - :empty, :odd, :even 등 CSS에서 사용되는 셀렉터를 이용하여 원하는 요소를 편리하게 선택할 수 있다.
- 요소들(elements)을 선택하는 강력한 방법을 제공하여 선택된 요소들을 효율적으로 제어할 수 있는 다양한 수단을 제공한다.
시각적 효과 - 시각적 효과를 쉽게 구현한다.
Ajax의 단순화 - 제이쿼리를 이용하면 Ajax를 더욱 단순하게 만들 수 있어 Ajax 어플리케이션을 쉽게 개발할 수 있다.
애니메이션 구현 - 웹 표준만으로 플래시와 실버라이트를 사용하는 것과 비슷한 효과를 구현할 수 있어 애니메이션 구현을 쉽게 할 수 있다.
활용
종류
문제점
전망
각주
- ↑ Khan Academy, 〈jQuery의 역사: 존은 어떻게 jQuery를 구축했을까요?〉 , 《Khan Academy》, 2006. 1. 16.
- ↑ araikuma, 〈(jQuery) 개요〉,《티스토리》, 2018-11-09
- ↑ 제이쿼리 공식 홈페이지 - https://jquery.com/
참고 자료
- 제이쿼리 공식 홈페이지 - https://jquery.com/
- 위키백과 공식 홈페이지 - https://ko.wikipedia.org/wiki/JQuery jQuery
- 나무위키 공식 홈페이지 - https://namu.wiki/w/jQuery#fn-1 jQuery
- Khan Academy, 〈jQuery의 역사: 존은 어떻게 jQuery를 구축했을까요?〉 , 《Khan Academy》, 2006. 1. 16.
- araikuma, 〈(jQuery) 개요〉 , 《티스토리》, 2018-11-09
- 코딩샘, 〈제이쿼리 기초 JQuery 무료 코딩 실습하기 (TCPSchool)〉 , 《네이버 블로그》, 2018-12-19
같이 보기