1. jQuery란?
jQuery는 자바스크립트(JavaScript) 라이브러리 중 하나다. 2006년에 John Resig가 만들었고, "더 적은 코드로 더 많은 것을 하자"는 슬로건 아래, 자바스크립트를 쉽고 간결하게 쓸 수 있게 도와주는 도구다.
2. 핵심 기능들
1. DOM 조작
HTML 요소를 선택하고, 변경하거나 추가/삭제하는 작업을 간편하게 할 수 있다.
예:
$("#title").text("Hello jQuery!");
2. 이벤트 처리
클릭, 키보드 입력 같은 이벤트를 쉽게 다룰 수 있다.
예:
$("#btn").click(function() {
alert("버튼 클릭됨!");
});
3. AJAX 요청
비동기 통신도 간단하게 할 수 있다.
예:
$.get("/data", function(response) {
console.log(response);
});
4. 애니메이션
요소를 숨기거나 나타내는 애니메이션 효과도 지원한다.
예:
$("#box").fadeIn();
5. 크로스 브라우저 호환성
브라우저마다 다르게 동작하는 부분을 내부에서 알아서 처리해줘서, 개발자는 고민 없이 쓸 수 있다.
3. 기본 문법 예시
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1 id="title">안녕!</h1>
<button id="btn">눌러봐!</button>
<script>
$(document).ready(function() {
$("#btn").click(function() {
$("#title").text("버튼을 눌렀다!");
});
});
</script>
</body>
</html>
4. jQuery의 장점
문법이 간단하고 직관적임
DOM, 이벤트, AJAX 등 자주 쓰는 기능을 편리하게 처리 가능
과거 브라우저 호환성이 좋았음 (특히 IE 지원 때문에 많이 썼음)
5. jQuery의 단점 (요즘 기준)
요즘은 대부분 Vanilla JS (순수 자바스크립트)나 React, Vue, Angular 같은 프레임워크/라이브러리를 더 많이 사용.
브라우저들이 표준을 잘 지키게 되면서 jQuery의 크로스 브라우저 기능이 덜 필요해졌다.
파일 크기가 상대적으로 큼 (최소 90KB 이상)
6. 요즘에도 jQuery를 써야 할까?
기존 프로젝트 유지보수라면 계속 사용 가능
새 프로젝트라면 굳이 jQuery를 쓸 이유는 거의 없음
다만, 가벼운 UI 작업이나 빠르게 프로토타이핑할 때는 아직도 유용할 수 있음
끝.
'개발 > Javascript & Typescript' 카테고리의 다른 글
| [jQuery] jQuery 파헤치기 (64) | 2025.04.20 |
|---|---|
| [Next] Next.js로 5분 만에 웹 앱 폭주! 이걸 몰랐다면 개발자로서 이미 뒤처진 거다! (52) | 2025.01.14 |
| [RN] Expo FCM 푸시알림 구현하기 (2) (198) | 2024.06.04 |
| [RN] Expo FCM 푸시알림 구현하기 (1) (143) | 2024.05.30 |
| [RN] WebView와 Web 통신하기 (184) | 2024.05.17 |