JQuery Mobile 사용
■ 지난 글에서 JQuery Mobile을 사용하기 위해서 CDN 연결하는 과정을 정리해봤었는데요. 이번에는 하이브리드 앱 등에서 사용하기 위해서 파일을 컴퓨터에 내려받아서 HTML 문서와 같은 폴더에 넣어서 연결하는 과정을 정리해보겠습니다.
역시 jquerymobile.com/download/ 로 이동해서 파일을 내려받겠습니다.
▲ 그림에서 표시한 압축파일을 내려받으시면 됩니다.
▲ 파일을 내려받아서 압축을 풀고 폴더를 열어보겠습니다.
▲ 꽤 만은 파일들이 있네요. 이 중에서 min이라는 단어가 있고 없고 차이는 파일 내용을 보기 좋게 나열하는지 아닌지에 차이일 뿐 똑같은 파일입니다.
이 파일들을 모두 사용해도 되고, 상황에 맞게 필요한것만 사용해도 되지만, 그림에서 표시한 세 가지는 JQuery Mobile을 사용하기 위한 필수 파일과 폴더입니다.
▲ 필수 세 가지 파일 및 폴더와 HTML 문서 및 내가 작성한 css 파일과 js 파일, 그리고 jquery 파일까지 모두 같은 폴더에 넣어놓고 연결하겠습니다. (JQuery Mobile도 JQuery를 기반으로 작동하기 때문에 jquery.js 파일이 먼저 연결이 되어야 합니다.)
▲ 총 다섯 개의 파일이 연결되는데요. (앞에서 언급한 image 폴더는 css 파일과 같은 폴더 안에 있기만 하면 됩니다.) 먼저 css 파일을 연결하는데요. 이때 jquery mobile의 파일이 사용자의 css 파일보다 먼저 연결되어야 합니다.
■ 그리고 jquery .js 파일이 먼저 연결되어야 하rh요. 사용자가 작성한 index.js 파일이 가장 마지막에 연결되도록 해야 합니다. 이 순서가 바뀌면 제대로 작동하지 않기 때문에 주의해서 연결하셔야 합니다.
이렇게 해서 Jquery Mobile 파일을 내려받아서 연결하는 과정을 알아봤습니다. 수고하셨어요.
