[jQuery] jQuery 라이브러리 연결 방법

기존에 자바스크립트 언어만으로 구현하기에는 복잡했던 구문을 효율적이고 직관적으로 간소화하기 위해 만들어진 JavaScript기반의 라이브러리로
React와는 다르게 DOM을 직접적으로 건드는 특징을 가지고 있다.

jQuery 라이브러리 연결 방법

HTML 코드에 jQuery를 연결하는 방법에는 2가지가 있다

1.jQuery라이브러리 직접 다운로드 받은 후 경로 지정(오프라인 방식)

서비스를 제공하고 있다면 대부분 이 방식을 체택하여 사용한다. (jQuery 라이브러리를 제공하는 서버오류로인한 서비스 중단을 방지하기 위함)

2. CDN방식(온라인)

소형 규모의 개발 프로젝트의 경우 대부분 이 방식을 사용한다.
HTML head태그내에 script 태그로 연결해준다.

<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>

slim 버전의 경우 AJAX를 지원하지 않는다.

jQuery 구문 작성

jQuery구문으로 DOM요소를 다루는 구문을 기본적으로 작성할 것이기 때문에

문서상에 요소들이 다 만들어지고나서 실행되어야 한다.(기본 레이아웃을 짜고 해야한다.)

jQuery CDN방식을 사용하면 코드가 그려지는것 보단 늦을 수 있기 때문에 주의해야한다.