자바스크립트와 제이쿼리 비교

2년만에 HTML 을 시작하며...

2020년도부터 node.js를 사용해오면서 자바스크립트 사용 빈도가 많이 올라갔다.

그러면서 든 생각이 자바스크립트와 제이쿼리는 뭐가 다른가 ?!

(2년차면서 이제 궁금해졌다. ... .... ㅎ)

 

1. JavaScript , jQuery 는 무엇인가

---

JavaScript란 웹을 풍부하게 만들어주는 언어입니다. 웹 페이지에 기능을 더해 HTML 웹 페이지를 동적이고 살아 있게 만들어줍니다. 

jQuery는 자바스크립트의 라이브러리로, 짧은 코드를 이용해서 효율적으로 자바스크립트 코드를 작성할 수 있도록 해줍니다. 애초에 자바스크립트 기반으로 만들어진 라이브러리라, 처리 속도 부분에서 떨어질 '수 도 ' 있다. 근데 요즘 컴퓨터들이 왠만하면 다 좋아서 별루 티 안난당

---

1. 버튼을 눌렀을 때, 통신하게 한다던가

2. 저장전에 값을 제대로 입력했는지 유효성을 체크한다던가

3. 사용자가 마우스로 클릭하거나 키보드를 눌렀을 때, 어떻게 반응하는지

등등 이런 일들을 한다

 

JavaScript (코드수정하기)

function test(){
	var strVal = document.getElementById("btnTest");
    
    strVal.innerText = objArray.join("바뀌어랏!");
    
}

 

jQuery (코드수정하기)

 

개인적인 취향으로는 jQuery가 코드도 깔끔하고 마음에 든다! 

 

 

2. jQuery 시작하기

---

HTML로 앞단꾸리고 js 파일 따로 만들어서 <script srr="~~~"></script> 했는데 안되더라...

어 ? 전에 코드랑 똑같이 시작했는데 왜 파일이 안 읽힐까 ???

빠밤-! 지금까지 개인프로젝트없이 업무에서 바로했던거라 몰랐었다 !!

 

스크립트단에 이 jQuery CDN을 추가해야지 작동하는 거였다 !

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

 

CDN(Content Delivery Network)이란 온라인 상의 대용량 콘텐츠를 저렴한 비용으로 빠르게 전송하는 기술을 말한다. 주요 ISP의 CDN 서버에 콘텐츠를 분산시켜 놓는 방식이다. 이를 이용해서 최종 사용자가 콘텐츠를 전송받을 때 여러 CDN 서버 중에서 가장 가까운 네트워크 경로를 선택할 수 있다. 이로써 트래픽이 특정 서버에 몰려 과부하가 발생하는 것을 막을 수 있다. 또한 사용자 입장에서는 자신과 가장 가까운 서버에서 콘텐츠를 전송받기 때문에 서비스 속도 향상의 이점이 있다. 

출처: https://mjmjmj98.tistory.com/25 [dlroW ,olleH]

 

여기서 저같은 실수하지 말아야하는 것이 

저 스크립트 이후에 jQuery로 만들어진 파일을 불러오거나 해야한다.