본문 바로가기

웹앱3

크로스 도메인 통신 JavaScript 코드는 자신이 로드된 도메인만 통신이 가능하다. 즉, 크로스 도메인과는 통신할 수 없다. 이러한 규칙은 AJAX 통신에서도 동일하게 적용된다. 이러한 규칙은 여러가지 Open API에 접근해서 클라이언트 매시업 기능을 필요료 하는 웹앱에서는 문제가 된다. 또한, 웹앱을 네이티브앱으로 전환하는 경우 모바일 기기의 로컬에서 외부 서버에 액세스를 할 수가 없다. 이런 이유로 jQuery Mobile 웹앱이 네이트브앱으로 전환되면 모든 통신이 동작하지 않는다(jQuery Mobile은 모든 통신이 AJAX에 의해서 이루어 진다). 두가지 문제점을 jQuery Mobile에서 해결할 수 있는 방법은 다음과 같다. jQuery Mobile 웹앱에서 Open API 데이터 이용 jQuery Mob.. 2014. 1. 6.
04. jQuery Mobile 시작 HTML 파일과 다른 HTML 페이지간 호출 Index 2. jQuery Mobile 웹앱 파일의 기본 구조 3. jQuery Mobile 페이지를 구성하는 4가지 영역 4. jQuery Mobile 시작 HTML 파일과 다른 HTML 페이지간 호출 5. jQuery Mobile 의 단일 HTML 모델에 대한 이해 6. 페이지간 이동에 태그 대신 jQuery Mobile에서 제공하는 $.mobile.changePage() 메소드 사용 jQuery Mobile 은 시작 HTML 페이지에서 다른 HTML 페이지를 호출하면 호출된 페이지의 내용이 시작 HTML 에 자동으로 통합된다. 따라서, 뷰포트 설정, 바로가기 아이콘 설정, jQuery Mobile 라이브러리 로딩 설정은 시작 HTML 페이지에서만 작성하면 된다. 단, 이것이 가능하기 위해서는 다른.. 2013. 11. 29.
02. jQuery Mobile 웹앱 파일의 기본 구조 Index1. jQuery Mobile ?2. jQuery Mobile 웹앱 파일의 기본 구조3. jQuery Mobile 페이지를 구성하는 4가지 영역4. jQuery Mobile 시작 HTML 파일과 다른 HTML 페이지간 호출 jQuery Mobile 에서 시작 HTML페이지의 기본 구성 형태는 다음과 같다. 시작 HTML 페이지는 뷰포트, 아이콘, jQuery 라이브러리 경로, jQuery Mobile CSS 경로, jQuery Mobile 라이브러리 경로를 지정하는 코드를 포함한다. HTML 페이지에서 문자를 표시할 때 사용할 문자셋을 지정한다. 모바일 화면에서 화면에 보여질 줌 사이즈 및 초기 설정을 하는 태그이다.width=device-width : 초기 폭을 모바일장치가 지원하는 폭만큼으로.. 2013. 11. 27.