jQuery jQuery와 JavaScript 비교

🔍 jQuery와 JavaScript 비교: 언제, 왜 사용하는가?

jQuery는 JavaScript의 복잡한 문법을 간결하고 직관적으로 만들어주는 라이브러리입니다.
그러나 현대 브라우저는 순수 JavaScript(바닐라 JS)도 매우 강력해졌기 때문에, 언제 어떤 것을 사용하는 것이 좋을지 비교해 보겠습니다.

📌 1. DOM 선택자

기능	JavaScript	jQuery
ID 선택	document.getElementById("box")	$("#box")
클래스 선택	document.querySelector(".menu")	$(".menu")

✔️ jQuery는 짧고 직관적입니다. 그러나 modern JS에서도 querySelector를 통해 유사한 간결함을 제공합니다.

📌 2. 이벤트 등록

JavaScript
document.getElementById("btn").addEventListener("click", function() {
  alert("클릭!");
});
  

jQuery
$("#btn").click(function() {
  alert("클릭!");
});
  

💡 jQuery는 짧지만, modern JS는 addEventListener를 통해 더 명확한 이벤트 흐름 제어가 가능합니다.

📌 3. Ajax 요청

JavaScript (Fetch API)
fetch('data.json')
  .then(response => response.json())
  .then(data => console.log(data));
  

jQuery
$.getJSON("data.json", function(data) {
  console.log(data);
});
  

🔁 jQuery는 콜백 중심, JavaScript는 Promise 기반으로 더 강력하고 확장성이 좋습니다.

✅ 언제 jQuery를 쓸까?

• 레거시 브라우저 지원이 필요할 때 (IE 등)
• 빠르게 프로토타입을 만들거나 간단한 효과 구현 시
• 팀의 기술 수준이 낮고 간단한 문법이 우선일 때

❌ 언제 JavaScript만 쓸까?

• 최신 브라우저 환경을 전제로 할 때
• 성능 최적화가 필요한 프로젝트
• 모듈 시스템(ESM), 프레임워크(React, Vue 등) 사용 시

💡 결론

jQuery는 빠르고 쉬운 DOM 제어에 여전히 유용하지만,
최신 프로젝트에서는 모던 JavaScript + 프레임워크가 더 적합합니다.
두 도구 모두 강력하며, 상황에 따라 적절히 선택하는 것이 중요합니다.