jQuery 기본기 : JavaScript
벼루고 벼루던 jQuery 대하여 포스팅하려고 한다. 주 내용은 실무에서 사용될만한 기능만 소개하려고 한다.
자바스크립트를 제대로 몰라도 되지만, 웹언어에 기본이며, html을 동적으로 구현시켜주는 강력한 클라이언트 스크립트 언어이다. 나중에라도 꼭 공부하지 않으면 안될 언어이다.
그리고 어떤 프레임워크를 쓰느냐?? 고민하시는 사람... 그냥 jQuery 쓰라고 권하고 싶다. 최신정보나 기술을 쉽게 득할 수 있는 것부터 하나하나 배우는 게 여러므로 빠르고 안정적일 것이다. 포럼도 가장 활발하지 않을 까 싶다. 서포터는 구글에서 하고있다.
라이센스는 GPL 이다. jQuery로 개발된 2차 생산물은 영리 및 비영리 목적으로 사용이 가능하다. 단 소스는 모두 오픈되어 전달하여야 한다. 그리고 GPL 혹은 MIT 라이센스를 부여하면, 제약조건에 위배되지 않는 다. ( 맞나요?? ㅡ.ㅡ;; 솔직히 법이란 참... 교묘하다는 것; )
jQuery 에 대한 개념적 이론은 생략한다.
++ jQuery 공식 사이트 : http://jquery.com/
1. 내려받기
우선 jQuery 접속하면, 2가지 버전이 있다. 개발자를 위한 소스와 웹서비스를 위한 압축된 소스. 당연히 개발자 소스를 받아야 한다. 상단메뉴 다운로드를 클릭하여, Uncompressed 다운로드하면 된다.
** 자세한 도움말은 Documentation 을 참고하면 매우 유용하다.
2. 준비하기
<html>
<head>
<!-- ① JS 로더 -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// ② jQuery 시작
$(function() {
// ③ 스크립트 작성 영역
});
// ④ 별칭 $ 를 사용하지 않을 때.
if(jQuery) jQuery.noConflict();
// ② jQuery 시작
jQuery(function() {
// ③ 스크립트 작성 영역
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
① jQuery 를 호출한다.
② jQuery 를 준비한다. 자바스크립트의 단점중에 하나가 바로 html 소스가 모두 로딩되어야만 자바스크립트를 사용할 수 있었다. 그래서 html 소스 맨 하단에 자바스크립트를 삽입하여 사용하면 문제가 발생하지 않았다. 하지만 jQuery를 사용하면 이런 문제점이 해결된다.
③ 자바스크립트를 코딩하며는 영역이다.
④ $ 별칭은 프로토타입이나 진도와 같은 프레임워크와 충돌을 발생시킬 수도 있다. 보다 안정적인 작업을 위해 사용하지 않을 것을 권한다.
** 아래의 3가지는 모두 동일하다.
$(document).ready(function(){});
$(function() {});
jQuery(function() {});
'개발노트 > jQuery' 카테고리의 다른 글
| jQuery Syaku LightBox : 이미지 라이트박스 자바스크립트 (0) | 2011.08.16 |
|---|---|
| jQuery SimpleTree Drag&Drop plugin (0) | 2010.10.21 |
| jQuery Action : JavaScript (1) | 2010.06.01 |
| jQuery DOM 제어 : JavaScript (0) | 2009.08.26 |