jQuery Mobile 개발환경 설정

2013. 1. 9. 16:29Mobile Web App/jQuery Mobile



반응형

  • jQuery Mobile은 별도의 프로그램 설치 과정이 필요하지 않습니다. 개발 소스에 라이브러리를 참조시켜 jQuery Mobile 프레임워크를 사용합니다.

    jQuery Mobile 라이브러리 다운로드 http://jquerymobile.com/download/


  • 다운로드 받은 라이브러리에는 jquery-mobile-1.0a3.js와  jquery-mobile-1.0a3.css, images 폴더가 존재합니다. CDN 서비스를 이용할 경우 이미지 파일은 따로 가지고 있지 않아도 됩니다.


  • jQuery Mobile 라이브러리 참조 시 아래와 같이 개발소스의 HEAD 영역에 삽입하면 개발환경 설정이 완료됩니다.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />

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

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


  • 개발툴은 평소 개발하고 있는 툴을 쓰면 됩니다. 일반적인 개발툴에서 개발이 가능하며, 제한되어있지 않습니다.


라이브러리 다운로드 & 파일 참조(js, css)가 완료되었다면 jQuery Mobile을 개발하기 위한 준비가 완료되었습니다.

 

반응형

'Mobile Web App > jQuery Mobile' 카테고리의 다른 글

1. jQuery Mobile이란 무엇인가?  (0) 2013.01.09