Write less, do more.
jQuery는 오픈 소스 기반의 자바스크립트 라이브러리입니다. "Write less, do more."이라는 모토를 가지고 있는 만큼, jQuery는 다양한 기능을 쉽게 사용할 수 있도록 합니다. 다음은 jQuery의 장점과 특징들 중 일부를 나열한 것입니다.
- DOM 요소 조작
- 요소들의 CSS 조작
- 간단한 애니메이션 제공
- 대부분의 웹브라우저에서 지원
- 다양한 플러그인 존재
jQuery를 사용하기 전에 jQuery 라이브러리를 웹페이지에 로드해야 합니다. 로드하기 위해서는 1) 파일을 다운로드 받거나 2) CDN(Content Delivery Network)를 이용할 수 있습니다.
1) 전자의 경우 <script src="/media/jquery-3.7.1.min.js"></script>와 같은 형태로 사용합니다. 이 때 파일은 서버에 저장됩니다.
2) 후자의 경우 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>와 같은 형태로 사용합니다. 이 때 파일은 사용자가 콘텐츠를 다운받아야 할 때 가장 가까운 서버에서 가져옵니다. 따라서 서버에 부하가 적고 속도가 빠르다는 장점이 있습니다.
jQuery를 사용하기 위해서는 <script> 태그 안에
$(document).ready(function() {
// content
});
를 넣음으로써 시작합니다. 위의 코드를 간단히 살펴보자면, $라는 함수는 인자로 받은 DOM 요소를 선택하는 기능을 합니다. ready() 메소드는 HTML 문서가 로딩이 완료되면 인자로 받은 함수를 실행합니다.
jQuery의 사용률은 여전히 높지만, 예전과는 다르게 인기가 떨어지고 있습니다. 그 이유는 React와 Vue.js와 같이 유용한 프레임워크나 라이브러리들이 많이 등장했기 때문입니다. JavaScript 자체의 성능이 좋아져서 jQuery의 필요성이 감소한 것의 영향도 있습니다.
하지만 jQuery의 사용률이 예전에 비해서 낮아진 것이지, 아직까지 높은 시장 점유율을 유지하고 있다는 점을 유의해야 합니다. 또한, jQuery는 오픈 소스이기 때문에 많은 사람들이 최적화 및 경량화 작업도 진행되고 있습니다. 따라서 아직까지는 jQuery에 대해서 아는 것이 중요하다고 생각됩니다.
'Frontend > JQuery' 카테고리의 다른 글
[jQuery] remove(), empty() 메서드 (0) | 2023.09.22 |
---|---|
[jQuery] prop() 메서드 vs attr() 메서드 (0) | 2023.09.21 |
[jQuery] html(), text() 메서드 (0) | 2023.09.20 |
[jQuery] css() 메서드 (0) | 2023.09.13 |
[jQuery] addClass(), removeClass() 메서드 (0) | 2023.09.12 |