[jQuery] 1. jQuery 개념

jQuery

　▷ 클라이언트용 자바스크립트 라이브러리

　　 ＊모든 웹브라우저에서 사용 가능한 무료 오픈 소스 라이브러리

　　　 ☞ 2006년 1월 존 레식(John Resig)이 발표

　　 ＊적은 용량, 빠르고 풍부한 기능을 제공

　　　 ☞ 자바스크립트를 필요로 하는 다양한 작업을 브라우저에서 사용이 용이한 API를 통해 빠르고 간단한 처리가 가능

jQuery 사용 방법

　▷ jQuery 다운로드 → 외부 자바스크립트 파일로 추가

　　　http://www.jquery.com

　▷ CDN 이용

jQuery 사용 방법_다운로드를 이용한 방법

　▷ jQuery 다운로드
　　 ＊'Download the compressed, production jQuery 버전번호'

　　　 ☞ 소스 파일에서 주석이나 여백 등을 모두 제외시켜 최소화한 버전

　　　 ☞ jQuery-버전번호.min.js

　　 ＊'Download the uncompressed, development jQuery 버전번호'

　　　 ☞ 개발자가 소스 파일을 참조할 수 있도록 압축되지 않은 파일을 제공

　　　 ☞ jQuery-버전번호.js<br />　▷ 외부 자바스크립트 파일로 추가
　　 ＊<script src="jquery-3.2.0.min.js"></script>

jQuery 사용 방법_CDN을 이용한 방법

　▷ Content Delivery Network
　　 ＊파일을 여러 공개 서버에 분산, 사용자가 접속하는 지역과 가장 가까운 곳의 서버에서 파일을 전송하는 기술

　　 ＊jQuery 홈페이지의 소스 파일을 링크하는 경우

　　　　<script src="http://code.jquery.com/jquery-3.2.0.min.js"></script>

　　 ＊구글에서 제공하는 소스 파일을 링크하는 경우

　　　　<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"> </script>

jQuery를 이용한 예제

소스 작성 시 주의 사항

　▷ 두 가지 주의 사항
　　 ＊jQuery 소스 파일을 링크하는 <script src="…">는 다른 <script> 태그보다 먼저 사용되어야 함

　　 ＊<style> 태그는 <script src="…"> 태그보다 먼저 기술되어야 함

　　　 ☞ jQuery를 통해 웹 문서의 스타일을 취급하는 경우