HTML <j-query >

웹앱 만들어보려고 이리저리 찾다보니 J-query를 많이 사용하는 것 같네요.

 

그래서 공부해보려고 합니다. 사용할 책은 "쉽게 배우는 웹앱&하이브리드앱" 그리고  Dreamweaver6

 

드림위버는 6버전을 깔았는데 한글이 안나오네요;;;

 

J-query는  J-Query home page 에서 다운받으면 됩니다.

 

아님 아래의 코드를 추가하면 바로 쓸 수도 있어용.

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

그리고 대충 페이지의 구조를 보면 

<page>
    <header/>
    <content/>
    <footer/>
</page>

이렇네요..

 

예를 들면 아래와 같이~

 

<div data-role="page" id="page id"  >
    <div data-role="header" >
        <h1>This is Header</h1>
    </div>
    <div data-role="content">  
    <a href="#next page" >This content</a>
    </div>
    <div data-role="footer">
        <h4>This is Footer</h4>
    </div>
</div>

data-role 이 말 그대로 역할을 의미하는듯~

 

다음 포스트부터 미션하는 거 올리겠습니다~

 

J-query부터~ㅎ