JQuery 는 오픈소스 자바스크립트 라이브러리이다
JQuery 를 이용해서 스크립트 작업을 하면 웹 표준에 위배되는지 걱정하지 않아도 되며
매우 간단한 문법구조로 많은 처리를 할 수 있는 장점이 있다
또한 스크립트의 안정성도 뛰어나 결과적으로 스크립트 작업의 생산성을 극대화 할 수 있게 된다
JQuery 를 페이지에서 사용하려고 하면 JQuery의 기반 라이브러리를 페이지에 정의해야 한다
일반적으로는 JQuery 라이브러리를 직접 다운로드 해서 페이지에 삽입하면 된다
1) JQuery 라이브러리 파일을 직접 페이지에 삽입하기
http://docs.jquery.com/Downloading_jQuery 에서 최신 버전 다운로드 받는다
(현재 최신 버전은 1.4.2 이다)
그리고 페이지의 head 영역에 해당 스크립트를 포함시킨다
<head>
<script type="text/JavaScript" src="jquery-1.4.2.js"></script>
</head>
이제 해당 페이지에서는 JQuery 관련 기능을 이용할 수 있게 된다
2) 최소 버전 JQuery 라이브러리 사용하기
JQuery 라이브러리는 풀버전과 최소화버전 두 가지가 제공된다
최소화버전은 사이즈가 작은 대신 디버깅 환경은 제공되지 않는다는 특징이 있다
따라서 개발시에는 풀버전으로 하고 라이브 적용 때에 최소화 버전으로 변경하는 것을 생각해 볼 수 있다. 최소화 버전 역시 JQuery 홈페이지에서 다운로드 받을 수 있다
<head>
<script type="text/JavaScript" src="jquery-1.4.2.min.js"></script>
</head>
3) 구글의 CDN 서비스 사용하기
CDN 서비스는 굉장히 빠른 속도로 컨텐트를 내려 받을 수 있는 환경을 제공한다
구글에서 JQuery 라이브러리 다운로드를 위해 CDN 서비스를 무료로 제공해 주고 있다
다음의 URL 이 JQuery 가 호스팅 된 곳이다
최소화 버전)
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
풀버전)
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
역시 이 URL을 head 에 스크립트로 명시하면 된다
<head>
<script type="text/JavaScript" src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script>
</head>
JQuery 서적에서는 구글의 CDN 서비스를 이용할 것을 다음과 같은 사유로 권장한다
- 안전하고 믿을 수 있다
- 다운로드가 빠르다
- 어디서나 사용할 수 있다(JQuery.js를 늘 들고 다니지 않아도 된다)
3. 마이크로소프트의 CDN 서비스 사용하기
마이크로소프트 역시 구글처럼 JQuery를 CDN 으로 무료 서비스를 제공한다
다음 URL이 그것이다
http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js
http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js
'모바일 > Javascript' 카테고리의 다른 글
| RGraph, HTML5 그래프 라이브러리 소개 (0) | 2010.09.14 |
|---|---|
| Modernizr 라이브러리: HTML5, CSS3 새요소 지원여부 검사 (0) | 2010.09.06 |
| [JQTouch] 모바일 웹 UI 라이브러리 (0) | 2010.08.04 |
| 아놔.. JQTouch, iUI 도 있구먼.. (0) | 2010.07.13 |
| [Book] JQuery 책 구매 (0) | 2010.07.12 |
JQuery 의 UI 라이브러리에 해당하며 JQuery 플러그인이라고 한다
http://www.jqtouch.com/
현재 1.0 베타 2 버전이 배포되고 있다
사파리와 같은 웹킷(WebKit) 기반의 브라우저에서 UI 개발을 마치 전용 앱(App)의 느낌과 사용성으로
제작할 수 있는 라이브러리이다
http://www.jqtouch.com/preview/demos/main/ 에서 몇 가지 데모를 확인할 수 있다
아래 그림은 http://www.testiphone.com/ 에서 아이폰 에뮬레이터로 실행해 본 모습니다
데스크탑 웹과는 그 표현면에서 많은 차이가 있으며,
모바일 기기에 적합한 레이아웃과 느낌 등 사용성을 최적화 할 수 있다는 장점이 있다
'모바일 > Javascript' 카테고리의 다른 글
| Modernizr 라이브러리: HTML5, CSS3 새요소 지원여부 검사 (0) | 2010.09.06 |
|---|---|
| [JQuery] JQuery 사용 환경 설정 (0) | 2010.08.04 |
| 아놔.. JQTouch, iUI 도 있구먼.. (0) | 2010.07.13 |
| [Book] JQuery 책 구매 (0) | 2010.07.12 |
| 다음(Daum), Sparrow framework (0) | 2010.07.08 |
한 때 웹개발을 수 년간 했었다
초기 ASP를 기반으로 해서 다양한 웹 사이트를 개발했었다
당시 자바스크립트 공부도 꽤 했으며 다양하게 응용도 했었다
그러나 윈도우 응용프로그램을 수 년간 개발하면서 웹 개발을 조금 멀리 했었다
그리고 이후 웹 개발 프로젝트를 수 년간 관리했었다
이 때는 실무 개발보다는 프로젝트 관리자 입장에서 웹을 바라보았으며 코드보다는 성능, 가용성,
연동, 안정성 등을 위주의 관리적 경험이 대부분이었다
그리고 지금...
모바일 웹 부문을 맡게 되면서 다시 웹을 실무수준으로 개발하게 되었다
현재의 웹은 과거 경험했던 웹 보다 더욱 체계화 되었으며 표준에 대한 요구가 많이 늘었음을 느낀다
지금은 웹 개발을 한다는 의미보다 웹을 한다는 의미로 받아 들이고 있다
웹은 소프트웨어 환경에서 빼 놓을 수 없는 플랫폼이다.
웹 개발을 다시 한다는 편협한 시각보다는 웹을 이해한다라는 거시적 관점에서 다시 시작해 보려 한다
그 출발으로, 자바스크립트 라이브러리로 유명한 JQuery 책을 신청했다
과거 언젠가..
더 이상 자바스크립트 공부를 섬세히 할 일이 없을 것이다... 라는 나의 예측이 어긋난 것이다.
'모바일 > Javascript' 카테고리의 다른 글
| Modernizr 라이브러리: HTML5, CSS3 새요소 지원여부 검사 (0) | 2010.09.06 |
|---|---|
| [JQuery] JQuery 사용 환경 설정 (0) | 2010.08.04 |
| [JQTouch] 모바일 웹 UI 라이브러리 (0) | 2010.08.04 |
| 아놔.. JQTouch, iUI 도 있구먼.. (0) | 2010.07.13 |
| 다음(Daum), Sparrow framework (0) | 2010.07.08 |
