Ajax 와 Jquery

Ajax와 Jquery는 새로운 독립적인 개념이 아닌 자바스크립트 라이브러리의 일종이다.

 

Ajax : 비동기식 자바스크립트와 xml (Asynchronous Javascript And Xml). 웹페이지의 속도가 빨라지고 간편하다는 장점이 있지만 보안에 취약해진다는 단점이 있다. 그래서 보통 Ajax를 사용할 때는 Jquery도 함께 사용한다.

 

Jquery : html의 클라이언트 사이드 조작을 단순화 하기 위한 것으로 가장 인기 있는 자바스크립트 라이브러리 중 하나 이다. 제이쿼리는를 사용하는 이유는 다음과 같다.

1. 페이지 내부 요소에 접근하기 쉽다.제이쿼리를 사용하지 않으면 DOM 트리를 이용해서 요소(element)에 접근해야 하는데 이는 배우기도 어렵고 불편하다. 하지만 제이쿼리를 사용하면 CSS의 선택자를 이용해서 간편하게 접근할 수 있다.
2. 페이지의 보여지는 모습을 변경하기 쉽다.동적으로 페이지의 모습(CSS)를 변경하기 위해서는 자바스크립트를 사용해야 한다. 이를 제이쿼리를 이용하여 작성하면 코드도 간결해지고 직관적으로 작성할 수 있다. 또, 아작스(AJAX)등에서 페이지를 리로딩하지 않고 동적으로 로딩할 때도 자바스크립트를 이용하는데, 이것 역시 제이쿼리를 이용하면 코드도 간결해지고 더 쉽게 구현할 수 있다.
3. 상호작용 처리가 쉽고 애니메이션을 사용할 수 있다. HTML문서의 목적은 페이지의 구조와 데이터를 표현하는 것이므로 HTML 태그 속성의 이벤트를 사용하면 이 목적에 어긋난다고 할 수 있다. 이벤트를 제이쿼리를 사용해서 핸들링하면 HTML문서를 변경할 필요도 없고 더 쉽다.또 다양한 애니메이션을 간편하게 사용할 수 있다.
4. AJAX의 사용이 쉽고 편리하다.