하이브리드 앱4 [Hybrid App] Custom 테마 만들기 JQuery Mobile 은 다양한 기능을 지원합니다. 그중에 자신이 원하는 테마를 만들어서 앱에 적용시킬 수 있습니다. https://themeroller.jquerymobile.com/ 접속하여 원하는 색상을 선택합니다. 위 색을 드래그 엔 드롭하여 넣어줍니다. 원하는 색상을 꾸미고 우측 상단에 theme zip file을 클릭합니다. 이름을 설정해주고 저장해줍니다. 아 그리고 주황색 밑줄 추가해주셔야합니다. 또한 link rel 3번째 줄 주황줄 아래 structure를 유의 해주세요. 적용 되었습니다. 세줄 추가 이후 header에 data-theme="a"를 설정해 주시면 됩니다. 감사합니다. 2017. 11. 7. [Hybird App] 페이지간 링크 연결 이전 포스팅에서 안드로이드의 Intent 페이지 이동에 대해하이브리드 환경에서 제작해보았습니다. 이번에는 외부 URL로 연결하거나 다이어로그로 띄우거나 등등페이지간 링크를 연결해 보겠습니다. 페이지 링크 방식으로는1. 같은 내부 페이지로 이동2. 대화상자 열기3. 외부 도메인 열기4. 내부 도메인 파일을 외부 도메인으로 열기 4가지 방식을 사용해 보며페이지 전환효과에 대해 알아보겠습니다. 페이지 링크 방식 index.html 페이지 링크 내부 도메인 내부 페이지 다이어로그 페이지 외부 도메인 www.naver.com 외부링크 사용 내부페이지 열기 클릭하시면 연결됩니다. sub.html 서브 페이지 페이지 링크 연습 다양한 종류의 링크 연결 돌아가기 Footer 참고 - Do it 쉽게 배우는 웹앱&하이브.. 2017. 11. 6. [Hybird App] 모바일 UI 프레임워크(JQuery Mobile) 사용법 모바일 UI 프레임워크란 모바일 디바이스에서 사용자와 콘텐츠간 상호작용 할 수 있도록 개발 모듈로 제공되는 틀을 의미합니다. 안드로이드와 비교하자면 안드로이드는 XML로 UI를 꾸미듯이 하이브리드 앱에서는 HTML5 + 모바일 UI 프레임워크 (안드로이드 XML) 를 이용하여 UI를 꾸밉니다. 모바일 UI 프레임워크는 네이티브 앱과 UX가 거이 비슷하게 만들어 집니다. 모바일 UI 프레임 워크 종류로는 JQuery Mobile, Sencha Touch, DHTMLX Touch 등 종류가 어러개 있으며 가장 대중적인 JQuery Mobile 을 사용하여 UI를 만들어 보도록 하겠습니다. 1. JQuery Mobile 다운 또는 CND 링크걸기 http://jquerymobile.com/download/ 홈.. 2017. 10. 30. [Hybird App] 하이브리드 앱 개발환경 세팅 예전부터 하이브리드 앱을 배워보고 싶어 공부하려 했는데 기본 자료가 너무 없어서 책을 이용해 접하게 되었습니다. 책도 HTML + CSS 웹을 다루는 기술이 많고 앱관련 기술 비중이 낮은 편입니다. 저자도 잘 모르는 부분이며 공부하며 기술하려 합니다. 입문 하시려는 분들에게 저의 글이 도움이 되길 바라면서 포스팅 시작합니다. ------------------------------------------------------------------------------- 하이브리드 앱은 HTML CSS 자바스크립트 기술을 이용하며 모바일웹 + 모바일 프레임워크를 사용하여 = 네이티브앱으로 변환한 앱입니다. 모바일 프레임워크는 네이티브 앱을 개발하도록 도와주는 역할을 수행합니다. 폰갭, 트리거아이오, 티타니움 .. 2017. 10. 24. 이전 1 다음
