J Query란,
존 레식에 의해 개발된 경량 javaScript 라이브러리로
복잡한 javaScript코드를 손쉽게 구현하기 위해 개발되었다.
jquery의 장점
1. DOM과 관련된 처리를 쉽게 할 수 있다.
2. ajax통신, 이벤트처리 등을 폭넓게 지원한다.
3. 별도의 플러그인을 통해 차트, 슬라이드쇼, 테이블 등을 간단히 구현할 수 있다.
jQuery를 Eclipse에 적용하는 방법은 두 가지가 있다.
1. js 파일을 직접 다운로드 하여 사용
2. 코드를 작성하여 인터넷을 통해서 받아오는 방법
먼저 첫번째
http://jquery.com/ <---- 웹사이트로 들어가면 아래와 같은 화면이 나오는데 Download를 눌러준다.
누르고 페이지 내용 중 다음 스크린샷과 비슷한 내용 중 박스를 우클릭 - 링크 저장을 하자
그냥 클릭하면 js 파일 내용이 쭉 나오기만 한다.
받은 파일을 Eclipse에 넣으면(드래그 앤 드롭) 끝..!
이 아니고 다음 결과를 보자.
그대로 jQuery를 사용하면 콘솔창에 다음과 같은 오류가 난다.
Uncaught ReferenceError: $ is not defined, $ 키워드가 정의되어 있지 않다.
즉, js 파일을 불러오지 않았기 때문에 일어나는 오류이다.
다음과 같이 script에 js 경로를 알맞게 소스를 추가하면 된다.
2번째 방법으로는 CDN(Content Delivery Network) 방법, 인터넷을 통해 js 파일을 불러오는 방법이다.
아까 위에서 jquery 다운로드 사이트에서 스크롤을 내리면 Other CDNs 항목이 있다.
보통 구글에서 땡겨오니 Google CDN을 눌러보자
많은 버젼의 스크립트들이 있는데
그 중 3.x snippet이라는 부분에 스크립트 코드가 있는데
이 부분을 복사하여 아까처럼 head 부분에 붙여넣기 하면 된다.
