[8주차] 1. JQuery란 무엇이고, 이를 사용하기 위한 준비

JQuery란?

Javascript 언어로 만들어진 오픈소스 라이브러리로,

Document Object Model(DOM) 요소들을 효율적으로 선택할 수 있으며

선택된 요소들에 대해 CSS를 적용하거나, 이벤트를 처리하거나, 애니매이션을 적용하거나, Ajax 를 사용할 수 있다.

 

그런데, 최근 추세를 보면 JQuery의 점유율이 점점 낮아지는 추세이다.

그 이유는 '가상DOM' 이라는 개념이 나왔기 때문인데, 트위터, 페이스북 같은 서비스들을 생각해보자.

스크롤바를 내릴 때 마다 수 많은 데이터가 추가되는데 이럴 때 마다 전체 DOM 요소들을 다시 그려낸다면

이를 처리해야 하는 브라우저에 부하가 걸릴 것이다. 언제나 그랬듯 효율적인 처리를 위해 나온 개념이 '가상DOM' 개념이고, 이는 메모리상에 가상DOM을 올려두고 변경된 사항이 있는 부분만 찾아 단 1번의 렌더링으로 추가 사항이 반영되도록 한다. 최근에 많이 사용되는 프론트엔드 라이브러리인 React, Vue 또한 가상 DOM을 사용한다. 보통 SPA(Single Page Application)에서 많이 사용되는 개념이다.

 

사실 추상적인 개념만 이해가 됐지 자세한 내부 구조는 이해가 안되는데 이는 나중에 프론트엔드 라이브러리를 공부할 때

추가적인 학습을 하도록 하도 좀 더 궁금하다면 아래의 영상을 참고하면 좋을것 같다.

 

https://youtu.be/PN_WmsgbQCo

 

 

JQuery를 사용하기 위한 준비

1. JQuery 라이브러리 다운로드 하기

2. 프로젝트에 라이브러리 폴더 옮기기

3. html 파일 상에서 JQuery폴더를 로드하는 코드 삽입하기