"제이쿼리"의 두 판 사이의 차이
(→특징) |
(→참고 자료) |
||
72번째 줄: | 72번째 줄: | ||
* araikuma, 〈[https://araikuma.tistory.com/605?category=820803 (jQuery) 개요]〉 , 《티스토리》, 2018-11-09 | * araikuma, 〈[https://araikuma.tistory.com/605?category=820803 (jQuery) 개요]〉 , 《티스토리》, 2018-11-09 | ||
* 코딩샘, 〈[https://blog.naver.com/coding_sam/221422380387 제이쿼리 기초 JQuery 무료 코딩 실습하기 (TCPSchool)]〉 , 《네이버 블로그》, 2018-12-19 | * 코딩샘, 〈[https://blog.naver.com/coding_sam/221422380387 제이쿼리 기초 JQuery 무료 코딩 실습하기 (TCPSchool)]〉 , 《네이버 블로그》, 2018-12-19 | ||
+ | * codedragon, 〈[https://codedragon.tistory.com/3466 jQuery의 특징]〉 , 《티스토리》, 2016-01-14 | ||
== 같이 보기 == | == 같이 보기 == |
2019년 7월 23일 (화) 10:41 판
제이쿼리(jQuery)란 HTML 문서에 삽입하여 사용할 수 있는 자바스크립트 라이브러리를 말한다.
매우 쉽고 간단하기 때문에HTML, CSS, 자바스크립트에 관한 기초지식만 있다면 짧고 단순한 코드로 다양한 효과를 연출할 수 있다.
개요
등장배경
제이쿼리는 미국 넷스케이프(Netscape)의 브렌든 아이크(Brendan Eich)가 개발한 스크립트 프로그래밍 언어인 자바스크립트(JavaScript)를 웹사이트에서 더욱 손쉽게 활용하기 위해 만들어진 오픈 소스 기반의 라이브러리이다. 2006년 1월 16일 웹 디자이너인 존 레식(John Resig)가 뉴욕 시 바캠프(Barcamp NYC)에서 공식적으로 소개했으며[1], 현재는 jQuery Team이라는 개발자 그룹이 jQuery Foundation을 통해 개발과 유지 보수를 담당하고 있다.[2]
역사
특징
제이쿼리는 HTML의 클라이언트 사이드 스크립트 언어를 단순화하도록 설계된 브라우저 호환성이 있는 자바스크립트 라이브러리이다.
비교적 쉽고, 간단하며 더 많은 기능을 사용할 수 있어 인기를 얻을 수 있었다.[3]
HTML 문서 탐색 및 조작, 이벤트 처리, 애니메이션 및 Ajax를 활용할 때 유용하다.
수많은 라이브러리 중에서도 제이쿼리가 특이 많이 사용되는 이유는 다음과 같다.[4]
특징 설명 단순화 - 불필요한 코드를 줄이고 간결한 형식으로 단순화시킴으로써, 코드 가독성과 개발 효율성을 크게 증가 시켰다.
- 자바스크립트보다 코드가 간결하여 학습이 쉽다.
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://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
- codedragon, 〈jQuery의 특징〉 , 《티스토리》, 2016-01-14
같이 보기