반응형
jQuery
- 자바스크립트의 DOM을 쉽게 사용하기위해 만들어진 라이브러리
- 순수 자바스크립트 코드보다 효율적이고, 코드 생산성이 향상된다.
- HTML 노드, 스타일, 속성, 이벤트 등을 다룰 수 있다.
- CSS 선택자(Selector)를 이용하여 DOM 객체를 관리한다.
jQuery 홈페이지
jQuery 다운로드
- 다운로드 경로 클릭 후, compressed Ver, uncompressed Ver 둘 중 마음에 드는 것으로 클릭하고 우클릭 - 다른 이름으로 저장을 이용하여 저장하면 된다.
- 적용하기(head에 아래의 코드 추가하기)
<!-- 서버가 가지고 있는 파일을 이용한 jQuery Lib 설치(배포) -->
<script type="text/javascript" src="../resources/js/jquery-3.5.1.js">
- jQuery 주요 기능
- jQuery DOM
- DOM 모델(객체) 다루는 긴으
- jQuery Event
- Event를 다루는 기능
- jQuery Ajax
- 비동기통신(Ajax)를 다루는 기능
- jQuery Effect
- 효과(애니메이션 등)
- jQuery Plugin
- 추가기능
- jQuery DOM
- jQuery 버전별 특징
- 1.x
- 다양한 브라우저에 호환되도록 만들어진 버전(크로스 브라우징)
- 최대한 많은 브라우저에서 호환되도록 하는 게 목적인 버전
- 브라우저의 특성에 맞는 고유한 동작을 생략시킨 경우가 많다.
- 소스코드의 양이 많아져 라이브러리 파일의 용량이 큰 편이다.
- 2.x
- 성능 향상, 다양한 기능들을 제공하기 위해서 IE 8 이하는 지원하지 않는다.
- 옛날 브라우저에 맞춘 코드를 버리고 경량화, 성능 개선
- 새로운 기능도 추가함
- 3.x
- 2.x 버전의 업그레이드 버전
- jQuery Migrate 버전은 1.x 의 업그레이드 버전
- 1.x
- CDN, Content Delivery Network
- 자주 사용되는 컨텐츠(자료파일, 이미지, 라이브러리 파일 등등)를 네트워크 중간중간에 컨텐츠서버를 두고 복사해준다.
- 클라이언트 요청을 받으면 적절한 위치의 컨텐츠 서버와 통신하게끔 만들어주는 시스템
- 컨텐츠(자료)들을 효율적으로 전달하기 위해 미리 준비해놓은 네트워크
- 주로 10MB 이상의 파일(자료)들을 가져왔지만 최근에는 크기와 상관없이 사용한다.
- 클라이언트의 컨텐츠 요청으로 발생하는 서버의 병목현상을 해결한다.
- 서버의 불필요한 트래픽을 줄이고 반복작업을 줄여준다.
- jQuery 2.2.4 min 버전 CDN
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous">
</script>
반응형
'FrontEnd > jQuery' 카테고리의 다른 글
[jQuery] 제이쿼리 노드 스타일 다루는 방법 (0) | 2020.10.09 |
---|---|
[jQuery] jQuery Event, 제이쿼리 이벤트 (0) | 2020.10.09 |
[jQuery] 제이쿼리의 여러가지 노드 사용 명령어 (0) | 2020.10.09 |
[jQuery] 제이쿼리의 다양한 노드접근 방식 (0) | 2020.10.09 |
[jQuery] jQuery API, 제이쿼리 API (0) | 2020.10.09 |