프로그래밍/자바스크립트

Javascript - jQuery와 jQuery Mobile 개요 및 aptana 개발환경 세팅

가카리 2015. 1. 27. 21:10
반응형

1.  jQuery와 jQuery Mobile


자바스크립트 개발시 크로스 브라우징 문제 등을 쉽게 해결하는 기법을 jQuery 프레임워크에서 제공함.



jQuery 2.x 는 인터넷 익스플로러 6,7,8은 지원을 안함

그래서 jQuery 1.x버젼으로 해봄



다음의 jquery.com과 jquerymobile.com 파일을 다운 받는다.




앱타나 스튜디오로 돌아가서 아래와 같이 js 폴더를 만들고


jquery.mobile-1.4.5.css 파일 jquery.mobile-1.4.5.js 파일 jquery-1.11.2.js 를 놓는다.



그리고 코드로 돌아가서 아래 link와 script 소스를 추가해준다.


<!DOCTYPE html>

<html lang="ko">

  <head>

    <meta charset="utf-8" />

    <title>08-01</title>

    <link rel="stylesheet" href="js/jquery.mobile-1.4.5.css"/>

    <script src="js/jquery-1.11.2.js"></script>

    <script src="js/jquery.mobile-1.4.5.js"></script>   

    <script type="text/javascript">

    //우리 코드는 여기에

   

    </script>

  </head>

  <body>


  </body>

</html>


그리고 jquery 코드를 쉽게 짜기위한 앱타나 스튜디오 세팅 시작

commands->bundle development -> install bundle로 간다.


다음 화면에서 jquery를 클릭 후 ok버튼










그럼 자동으로 알아서 된다.









반응형