본문 바로가기
jQuery Mobile/JM Tutorial

jQuery Mobile 소개

by 진격의 파파 2013. 10. 18.
반응형

 

 

안녕하세요!! 

오늘부터 jQuery Mobile에 대해서 포스팅을 하려고 합니다.

 

요즘은 누구나 스마트폰 하나씩은 가지고 다닙니다. 그리고 많은 사람들이 스마트폰을 이용하여 인터넷검색, 인터넷뱅킹, 게임, 교육 등을 하고 살고 있습니다. 지금부터 설명드릴 jQuery Mobile은 모바일 환경에 최적화된 웹 응용프로그램을 만들기 위한 프레임워크라고 생각하면 됩니다.

 

그리고 jQuery Mobile 을 사용하기 위해선 기본적으로 HTML, CSS, jQuery에 대한 어느정도 지식이 있어야 합니다. 하지만 지식이 없다고 너무 걱정하지 마시기 바랍니다. ^^ jQuery Mobile이 끝나는대로 html, css등에 대해서 포스팅하겠습니다. 일단 편하게 읽어보고 화면이 어떻게 구성되는지 확인하심 되겠습니다.

 

jQuery Mobile 을 통해서 작성된 웹 페이지는 iOS, Android, BlackBerry, Windows Phone 등등 모든 스마트폰에서 최적화된 화면이 나타나게 됩니다.

 

그리고 jQuery Mobile 은 이미 jQuery 에 대한 지식이 있다면 쉽게 학습할 수 있도록 jQuery 라이브러리가 상단에 내장되어 있습니다. 상단에 내장되어 있다는 말은 웹페이지를 작성할때 상단에 필수로 들어가는 3가지 링크파일이 있습니다. 다음 포스팅에서 설명드리겠지만 간략히 말씀드리면 아래 소스를 보면 <head>소스</head> 이렇게 jQuery Mobile 을 사용한다고 헤드태그 안에 아래와 같은 내용만 넣어주면 됩니다. "난 jQuery Mobile을 사용할거야!!" 이렇게 선언하는 의미라고 보면 되겠습니다.

<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

</head>

 

굳이 이렇게 jQuery Mobile 을 사용하는 이유는 일단 모든 스마트폰 환경에 최적화되어 있고, 사용하기가 매우 쉽기 때문이기도 하며, 모바일 환경이다보니 프로그램이 가벼워야 하는데 jQuery Mobile 은 아주 가벼운 환경을 나타냅니다.

 

jQuery Mobile 소개에 대한 부분은 여기까지 마치고 다음 포스팅에서 더욱더 자세히 알아보겠습니다.

 

아래 사이트는 참조 사이트 입니다.

jQuery Mobile 공식 웹사이트 : http://jquerymobile.com

jQuery Mobile Docs & Demos : http://jquerymobile.com/demos/1.0a3/

jQuery Mobile 포럼 : http://forum.jquerymobile.com/jquery-mobile

jQuery Mobile on Github : http://github.com/jquery/jquery-mobile/

jQuery Mobile test : http://jquerymobile.com/test/

jQuery Gallary : http://www.jqmgallary.com/

 

 

반응형

'jQuery Mobile > JM Tutorial' 카테고리의 다른 글

jQuery Mobile 툴바(toolbars)  (0) 2013.11.11
jQuery Mobile 버튼  (0) 2013.10.31
jQuery Mobile 페이지2  (2) 2013.10.28
jQuery Mobile 페이지  (0) 2013.10.25
jQuery Mobile 인스톨(Install)  (0) 2013.10.21