Ȩ | α | ȸ | | ȳû
 
HOME > γå
 
 
: : ǾԴϴ. : :
: jQuery Mobile
: 604P
: 26,000
: 4x6
: 2012 4 18
: ̵
:

ʺ α׷Ӵ ̳ʵ鵵 Ʈ ֵ ̵ϰ ֽϴ. jQuery Mobile ϰ Ѵµ ֽϴ. ϰ  α׷ ؾ Ѵٸ jQuery Mobile Դϴ. jQuery Mobile ǥ α׷ 𸣴 ̳ʵ鵵 jQuery Mobile ֵ ϰ ֽϴ.

å ϴ
 

ϳ ҽ ũ, ȵ̵, , Ʈ Ѵ!

 
ڸ մϴ
.

  

* Ʈ Ͻ

Ͻ

Ʈ нϽ

  

ʺ α׷Ӵ ̳ʵ鵵 Ʈ ֵ ̵ϰ ֽϴ. jQuery Mobile ϰ Ѵµ ֽϴ. ϰ  α׷ ؾ Ѵٸ jQuery Mobile Դϴ. jQuery Mobile ǥ α׷ 𸣴 ̳ʵ鵵 jQuery Mobile ֵ ϰ ֽϴ.

   

 

Ư¡ ֽϴ.

    

ũž, Ʈ, , о߸ ϰ ֽϴ.

HTML ±׸ ϱ α׷  ֽϴ.

ڹٽũƮ ֵ ڼϰ ϰ ֽϴ.

jQuery Mobile ǹ Ʈ ׽Ʈϰ ֽϴ.

̺긮 긴 ַ Ͽ е մϴ.

׸ ̺귯 CSS GUI ߵ ׸ѷ" մϴ.

ڵ ȭ ִ GUI ȭ "codiqa" մϴ.

 

  

å ϴ.

  

1 3 : , ȯ ϴ ϰ, ȵ̵, , Ұմϴ. ۿ ִ ڵ ˴ϴ.

  

4 16 : jQuery Mobile ̿ Ʈ ϴ Ұϰ ֽϴ. HTML ڴ, α׷, ̳, ȹڱ ֵ ̵ϰ ֽϴ. ̰ ۿ ȭ鵵 ְ ־ ʺڵ ȭ鿡 ؾ ֵ ߽ϴ.

  

17 : ̳ʸ GUI ȯ濡 CSS Ÿ ׸ ڵ ִ “Theme Roller” Ʈ ڵ ʰ ִ "codiqa" Ұϰ ֽϴ. ʺ ߵ jQuery Mobile ϴ ͵ ϴ.


18
- 20 : ڹٽũƮ jQuery Mobile ϴ Ұմϴ. Ʈ ϴ , α׷ 忡 Ʈ ȭ Ͽ ɵ ִ jQuery Mobile ˰ ϴ ڸ ֵ ִ õ ϰ ֽϴ.

 

 

 

 

1 Ʈ jQuery Mobile


1.1
̺긮带 Ϻϰ jQuery Mobile

1.2 ̺긮

1.3

1.4 ̿ϼ ַ

1.5 ϼ ַ

  

2 Ƽ ȯ  


2.1
ȵ̵ ȯ

2.2 ȯ

2.3 ȯ

2.2 Ƽ 긴 (PhoneGap) ٿε

2.3 Ʈ jQuery Mobile ٿε

  

3 ۰ jQuery Mobile  


3.1
ȵ̵ Ʈ

Ŭ ÷ ġ

Ʈ

jQuery Mobile ̺귯 ɼ

ȵ̵ Ʈ ̸

ȵ̵ Ʈ SDK

ȵ̵ Ʈ Ű ̸

ȵ̵ jQuery Ʈ Ϸ

Ŭ : workspace ⺻ ڵ

Ŭ : ÷ "Ÿ(Aptana)" ġ

Ŭ : ǥ ڵ Validation

Ŭ : ׸

jQuery Mobile ̺귯 ȣ

HTML Ѵ Ŭ "Outline" â

غϱ : SDK 4.0.X ̽ũ ġ

ȵ̵ Ʈ ȯ

ϱ : SDK 4.0.X ̽ũ ġ

jQuery Mobile ϱ

ȵ̵ ǹ ܸ⿡ ϱ

ȵ̵ SDK : ٿ׷̵

ǹ ܸ⿡ jQuery Mobile ϱ

DDMS ǹ ܸ ȭ ĸó

ǹ ܸ : ͺ̽(Storage)

ǹ ܸ : ó(Contacts)

ǹ ܸ : GPS ġ (Geolocation)

ǹ ܸ : ȭ(Notification)

ǹ ܸ : (Compass)

  

3.2 Ʈ

Xcode ÷ ġ

Ʈ

Ʈ www ߰

ȭƮƮ : PhoneGap.plist

ҽ : jQuery Mobile ҽ

⿡ ϱ

  

3.3 Ʈ

Visual Studio ø ġ

Ʈ

⿡ ϱ

ҽ : jQuery Mobile ҽ

ű ҽ Content

Viewport

  

4 jQuery Mobile

  

4.1 jQuery Mobile

ӿ ֿ ϵ

̺귯 ۵

  

4.2 jQuery Mobile ַ ѷ

jQuery Mobile ϴ ÷

߿ HTML5

jQuery Mobile Ŵ

  

4.3 jQuery Mobile Ư¡ 


5
Ʈ ⺻

  

5.1 Ʈ ⺻

5.2 Ʈ

5.3 jQuery Mobile ӿ ȣ

  

6 : Ӹ  


6.1
⺻ Ӹ

6.2 Ӹ ư ֹ

Ӹ ư 1 ϴ

Ӹ ư

Ӹ ư ׸

1 Ӹ ư ġ

2 Ӹ ư ġ ư ܸ

ư ũ ó

Ӹ ̼


7
ϴ :  


7.1

7.2 ư

Ϲ ư

׷ ư

7.3 ̼

7.4 Ǯ ũ

7.5 ޴ ȭ ȯ ȿ

  

8 Ʈ ̾ƿ 


8.1
̱

8.2 Ƽ

8.3 ڵ : splitview ÷

е

ȵ̵

jQuery Mobile Splitview ÷ ٿε

ҽ м

 

9 Ʈ ũ ó

  

9.1 Ajax ũ

Ŀ(Anchor) ũ

HTML ũ

ȭ Ŀ ũ

ȭ ũ

  

9.2 Ǯ (Full-Page) ũ : Ajax

ܺ ũ

ܺ HTML ũ

target ũ

return false ũ

  

9.3 ܺ α׷ ũ

̸ ũ

ȭȣ ũ

SMS ũ

ũ

  

9.4 (Back) ư ũ

9.5 ҽ м

  

10 data-url ɰ Ư

  

10.1 ̵ ִ

10.2 ̵

10.3 data-url Ӽ ϴ

10.4 data-url Ӽ ϴ

10.5 ۿ

ȵ̵

  

11 ȭ ȯ ִϸ̼

  

11.1 ⺻ ȭ ȯ ȿ

ȭ ȯ ȿ : none

̵ : slide

̵ : slideup

̵ٿ : slidedown

: pop

̵ : fade

ø : flip 250

: turn 251

÷ο : flow 253

  

11.2 ȭ ȯ ȿ

11.3 ȭ ȯ ȿ

⺻ ȭ ȯ ȿ

⺻ ȭ ȯ ȿ

CSS ȭ ȯ ȿ

  

11.4 ü ҽ 캸

11.5 ۿ Ư

ȵ̵

  

12 Ʈ ȭ

  

12.1 ⺻ ȭ

12.2 ȭ ȯ ȿ

12.3 ȭ ׸

12.4 ȭ ׸

  

12.5 ȭ

ۼ

  

12.6 ȭ

12.7 ü ҽ 캸

12.8 ۿ Ư

ȵ̵

  

13 Ʈ ư

 

13.1 ư Ӽ

13.2 ư ⺻

13.3 ư ġ

13.4 ⺻ ư : ܸ ° ׷ ư

13.5 ư

13.6 ư

13.7 ư ⺻ Ȱ

13.8 ư

13.9 ư ڹٽũƮ

13.10 ü ҽ 캸

13.11 ۿ Ư

ȵ̵

е  


14
Ʈ Ʈ ̾ƿ

 

14.1 HTML ⺻ ũ Ÿ

± Ÿ : <h>

<a>, <p>, <pre>, <span>, <div> ± Ÿ

± Ÿ

̺ ± Ÿ

ҽ 캸

 

14.2 ׸ ̾ƿ

<div> ׸

<fieldset> ׸

׸ + height

پ ׸ + ui-bar Ÿ

׸ ׸

׸ Ȱ

ҽ 캸

 

14.3 ̾ƿ : Collapsible

⺻ ħ

ġ

׸ : Ӹ

׸ : Ӹ

׸ : Ӹ ޸

ڵ ̾ƿ

ҽ 캸

 

14.4 ٵ ׸

ٵ ׸

ٵ ׸

ҽ 캸

 

15 Ʈ

 

15.1 Ʈ ⺻

, ̴, Ƽ ⺻

׸ ư ׷

Ʈ ׷

ü Ȱȭ

ҽ 캸

 

15.2 Ʈ ü

Ʈ Է»

Ʈ üũڽ

Ʈ ư

Ư Է» : ˻(search), (range)

 

15.3 Ʈ û

⺻ ɼ

Ʈ ɼ

÷̽Ȧ(placeholder) ɼ

׷ ɼ

û ׷ ƮѰ ׸

Ư û : ̴(slider)

ҽ 캸

 

16 Ʈ Ʈ

 

16.1

16.2 ȣ

16.3 ϰ б

16.4

16.5 Ǽ ǥ

 

16.6 ׸

, , Ǽ ׸

׸

ũ ۰ б Ÿ

ũ

ũ и

 

16.7 ϰ ̹

16.8 پ

16.9 ˻ ͹

16.10 ҽ 캸

 

17 ׸ѷ

 

17.1 ׸ѷ(ThemeRoller)

jQuery Mobile ׸ѷ

 

17.2 ׸

׸

⺻ ׸ ̸

ű ׸ ߰ϱ

׸ ٿޱ

׸ ҽ ϱ

 

17.3 Ʈ codiqa

jQuery Mobile UI codiqa


17.4 codiqa
ϱ

Ӹ ߰ϱ

̼ ߰ϱ

Ӹ ư ߰ϱ

ڿ ߰ϱ

̹ ߰ϱ

߰ϱ

׸ ߰ϱ

Ʈ ߰ϱ

ü ߰ϱ

HTML ҽ ٿް ϱ

 

18 jQuery Mobile ⺻ ȯ

 

18.1 mobileinit ̺Ʈ

18.2 ⺻ ȯ ɼǵ

 

19 jQuery Mobile ̺Ʈ ۼ

 

19.1 bind() ޼ҵ

19.2 live() ޼ҵ

19.3 bind() live(), delegate(), on() ޼ҵ ռ

19.4 on() off() ޼ҵ

19.5 ̺Ʈ

 

19.6 ε ̺Ʈ

pagebeforeload ̺Ʈ

pageload ̺Ʈ

pageloadfailed ̺Ʈ

 

19.7 ̺Ʈ

pagebeforechange ̺Ʈ

pagechange ̺Ʈ

pagechangefailed ̺Ʈ

 

19.8 ȯ ̺Ʈ

pagebeforehide ̺Ʈ

pagehide ̺Ʈ

pagebeforeshow ̺Ʈ

pageshow ̺Ʈ

 

19.9 ʱȭ ̺Ʈ

pagebeforecreate ̺Ʈ

pagecreate ̺Ʈ

pageinit ̺Ʈ

 

19.10 Ȱ ̺Ʈ

pageremove ̺Ʈ

 

20 $.mobile ü

 

20.1 ޼ҵ Ӽ

$.mobile.changePage() ޼ҵ

$.mobile.loadPage() ޼ҵ

$.mobile.showPageLoadingMsg() ޼ҵ

$.mobile.hidePageLoadingMsg() ޼ҵ

$.mobile.activePage Ӽ

 

20.2 ޼ҵ

$.mobile.fixedToolbars.show() ޼ҵ

$.mobile.fixedToolbars.hide() ޼ҵ

 

20.3 ޼ҵ

$.mobile.path.parseUrl() ޼ҵ

$.mobile.path.makePathAbsolute() ޼ҵ

$.mobile.path.makeUrlAbsolute() ޼ҵ

$.mobile.path.isSameDomain() ޼ҵ

$.mobile.path.isRelativeUrl() ޼ҵ

$.mobile.path.isAbsoluteUrl() ޼ҵ

$.mobile.base Ӽ

 

20.4 ũ ޼ҵ

$.mobile.silentScroll() ޼ҵ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ȸҰ