정의
HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리로
MIT 라이선스로 배포되는 무료 오픈소스 소프트웨어이다.
역사
Ajax 기술이 주목받기 시작하면서 자바스크립트의 중요성이 높아졌고 자바스크립트 라이브러리들이 생기기 시작했다.
jQuery도 그 중 하나였으며 단순하고 간결한 코드를 통해 DOM(Document Object Model)을 추상화해서 관리할 수 있기 때문에 선풍적인 인기를 끌었다.
사용법
파일 설명
-
uncompressed : 원본 파일 (확장자 : .js)
-
minified : 원본을 압축한 파일 (확장자 : .min.js)
-
slim : 해당 버전에서 필요없다고 생각하는 라이브러리를 제거한 파일 (.slim.js)
-
slim minified : slim 파일을 압축한 파일(.slim.min.js)
CDN
사이트에서 원하는 버전을 클릭하여 url 주소 입력하는 방식이다.
<script src="https://code.jquery.com/jquery-3.x-git.min.js"></script>
ㄴ CDN이란?
- 콘텐츠 전송 네트워크(Content delivery network / content distribution network)로 지리적으로 분산되어 있는 서버 네트워크이다.
-
가까운 서버를 찾아 서비스를 제공해주며 jQuery에서 제공하는 CDN 서버를 이용하게된다.
ㄴ CDN 사용을 지양하는 이유?
-
서버 장애나 문제가 발생할 경우 멀리 있는 서버를 이용하게될 수도 있으며 이 경우는 속도 저하등의 원인으로 사용자경험이 저하될 수 있다.
-
서버 문제로 서비스를 이용하지 못할수도 있다.
다운로드
사이트에서 다운로드한 파일을 원하는 경로에 두고 경로를 입력하는 방식이다.
<script src="../js/jquery.min.js"></script>
'~2022 > FE-개발 개념' 카테고리의 다른 글
기본형 타입(Primitive Type)과 참조형 타입(Reference Type) (0) | 2020.12.09 |
---|---|
변수(Variable)와 식별자(Identifier) (1) | 2020.12.08 |
Chrome 80 SameSite 속성 동작 변경 (0) | 2020.06.26 |
[jQuery기초] 버전별 특성 (0) | 2020.06.18 |
회사에서 쓰던 환경 그대로 VSCode 동기화하기!__gist__settings sync__ 설정 동기화 (0) | 2020.04.27 |
VSCode 에디터 .tpl 확장자 인식방법(코드 확장자 인식방법) (0) | 2020.04.22 |
자바스크립트 세미콜론(;) 꼭 써야하나요? (1) | 2020.03.05 |
객체지향프로그래밍이란? 3요소 | 5원칙 | 그리고 추상화 (0) | 2020.02.25 |