Javascript jQuery 기본 정의

 

JQuery - 기본

 

jQuery는 JavaScript 라이브러리이다. 

HTML 속 클라이언트 사이드 스크립트 사용을 단순화 한다. 

Behavioral model(행동 모델)에 기초한 아키텍처를 따른다.

 

 

기본적 규칙

jQuery는 기본적으로 $를 함수 이름으로 사용하여 필요한 기능을 호출한다.

 

일반적으로 함수인자에 DOM selector를 넘겨주어 결과로 배열 0번째 값을 반환 한다.

$("xxx_DomSelector_TagX0_xxxx");

 

jQuery의 메소드들은 기본적으로 리턴하는 데이터의 자료형이 jQuery로 리턴값에 이어서 호출 가능하다.

(플루언트(Fluent) 인터페이스: 메서드의 반환값이 자기 자신의 참조가 되어 무한히 메서드를 이어붙임)

$("...").css("...","...").appendTo("#woodDiv") 

 

 

Ex Js.

document.getElementById("itemNode").style.color = "green";

document.getElementById("woodDiv").appendChild(document.getElementById("itemNode"));

Ex jQuery(속도가 좀더 느림).

$("#itemNode").css("color","green").appendTo("#woodDiv");

 

 

 

jQuery 대체용 새로운 라이브러리

 

 AngularJS나 Vue.js 같은 SPA용 프레임워크나 라이브러리.

프레임워크를 통해 컴포넌트, MVC, 양방향 데이터 바인딩 등의 고수준적인 개념을 활용.

라이브러리기에 jQuery를 병행해서 사용가능.

 

SPA 개발을 위해 나온 것으로 React

jQuery보다 우수한 Virtual DOM 기능. 페이스북에서 개발하였다.

jQuery에 비해 높은 난이도와, JSX라는 별도의 문법을 배우지 않으면 사용이 더 불편하다.

Vsc & Nodejs & React & Typescript 사용하기

 

 

 

jQuery로 웹 크롤러 작업 응용

 

복잡한 템플릿 코드를 서버 쪽에서 생성하거나 웹 크롤러를 만들 때 응용가능.

서버쪽 Node.js에서도 jQuery를 사용하여 DOM 조작.

Node.js에는 window 전역 객체가 없기 때문에 jsDom이라는 라이브러리를 추가로 설치해야 한다.