[jQuery] 제이쿼리(jQuery)란

제이쿼리(jQuery)의 탄생

이전에는 HTML의 Elements(요소)를 접근하는 것이 쉽지 않았다고 한다. 또한 웹브라우저마다 호환성이 떨어져 개발한 내용을 다른 브라우저에 적용하기가 어려웠다, 이에 제이쿼리가 요소의 접근을 물론 각 웹브라우저의 호환 더 나아가서는 애니메이션과 이벤트 등에도 편의 기능을 제공하며 자바스크립트에서 필수적인 존재로 자리 잡았다. (지금은 제이쿼리의 입지가 점점 더 좁아져 가는 상황이라고 한다.)

 

제이쿼리(jQuery)의 장점

제이쿼리가 왜 자바스크립트에서 많이 사용할 수 밖에 없었는지 장점을 통해 간단하게 알아보고자 한다.

 

1. HTML DOM의 접근성과 조작성

쉽게 말해 각 태그들에 접근하기가 용이하다, 제이쿼리의 선택자를 사용하면 클래스, 아이디 더 나아가서는 해당 요소의 위, 아래 그리고 형제 요소에 접근할 수 있다.

 

2. 웹브라우저의 호환성

제이쿼리 이전에는 각 웹브라우저의 호환성이 떨어져 개발자가 각 웹브라우저에 맞는 개발을 했어야 한다고 한다, 이에 제이쿼리는 거의 모든 웹브라우저에 적용할 수 있는 호환성을 갖춰 개발자는 제이쿼리 하나로 각 브라우저에 적용할 수 있었다고 한다.

 

3. 이벤트

자바스크립트의 특성상 다양한 이벤트에 응답하는데 (클릭, 입력과 같은 사용자와의 상호작용) 이때 사용자가 어떠한 행동을 할 때마다 맞춤으로 이벤트를 이용해 상호작용하여야 한다. 제이쿼리 이전에는 모든 웹브라우저가 동일한 방식으로 이벤트를 구현하지 않았는데 제이쿼리는 브라우저와 상관없이 동일한 이름으로 이벤트 기능을 제공함으로써 이벤트를 좀 더 편리하게 개발할 수 있게 되었다고 한다.

 

4. Ajax

비동기식 통신을 위해 Ajax를 사용할 때 이전에는 웹브라우저마다 그에 맞게 Ajax 코드를 작성했어야 한다고 한다. 제이쿼리의 경우 이벤트와 마찬가지로 이를 동일화 시켜 좀 더 편리하게 다양한 API를 개발할 수 있게 되었다고 한다.

 

핵심 정리

자바스크립트의 라이브러리인 제이쿼리가 나오기 이전에는 각 웹브라우저들의 호환성이 낮아 개발자가 브라우저마다 맞춤 개발을 했어야 했으나, 제이쿼리를 통해 HTML 요소에 대한 접근, 상호작용을 위한 이벤트, API 개발을 위한 Ajax 등을 거의 모든 웹브라우저에 한 번에 적용할 수 있다.

 

---

개인 학습을 위해 작성되는 글입니다.

제가 잘못 알고 있는 점에 대한 지적 / 더 나은 방향에 대한 댓글을 환영합니다.

 

참조 링크:

https://opentutorials.org/course/53/45https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

https://code.tutsplus.com/tutorials/what-is-jquery--cms-26232

 

참조 서적:

자바스크립트 + 제이쿼리 입문 : 정인용