본문 바로가기
Programming/JAVA

[전자정부표준프레임워크] 9. 모바일 표준프레임워크 실행환경 모바일웹

by Berasix 2022. 10. 27.
반응형

1. 개요

jQueryMobile 
https://demos.jquerymobile.com/1.4.5/

 

jQuery Mobile Demos

Demos jQuery Mobile is a touch-optimized HTML5 UI framework designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. New to jQuery Mobile? Get started by reading this introduction. For technical info

demos.jquerymobile.com

Device API 폰갭(Cordova) 

https://cordova.apache.org/docs/en/latest/

 

Documentation - Apache Cordova

More Resources General Apache Project Page Source Distribution License Artwork Apache Software Foundation About ASF Become a Sponsor Thanks Security Privacy policy Copyright © 2022 The Apache Software Foundation, Licensed under the Apache License, Version

cordova.apache.org

 

2. 모바일 애플리케이션

- 모바일 웹 : 모바일 웹사이트, 디바이스 제어 불가

- 모바일 웹앱 : 웹의 기술을 사용해 앱의 형태로 개발, 디바이스 제어 불가

- 하이브리드 앱 : 모바일 웹앱 + 네이티브 앱, 디바이스 제어 가능

- 네이티브 앱 : SDK로 개발, 디바이스 제어 가능

 

3. HTML5

https://www.w3schools.com/html/default.asp

 

HTML Tutorial

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

- 마크업 변화 : <doctype> 정의

- 새로운 태그 추가 : <nav>, <section>, <article> 등

- 새로운 Form 추가 : input type에 range, calendar 등

- 멀티미디어 요소 지원 : <video>, <audio>, <canvas>

- HTML5 JavaScript API 추가 : Canvas, Video, Web Strorage, Geolocation API 등

- 시맨틱 웹 구조를 지향

<header>
<nav> <section> <aside>
<header>
<article>
<footer>
<footer>

                                   <시맨틱 웹 구조>

 

아래 사이트에서는 한 눈에 볼 수 있는 HTML5이라고 할 수 있겠다.

zip 파일을 다운로드 받아서 구경 및 테스트해볼 수 있다.

한번 훑어보면 필요할때 기억해서 쓰면 좋을듯하다.

마지막 페이지에 보면 HTML5 ~= HTML + CSS + JS라고 나온다. 

https://github.com/html5rocks/slides.html5rocks.com

 

GitHub - html5rocks/slides.html5rocks.com: The Original HTML5 Slide Deck

The Original HTML5 Slide Deck. Contribute to html5rocks/slides.html5rocks.com development by creating an account on GitHub.

github.com

HTML5= HTML + CSS + JS

 

4. 전자정부 프레임워크 모바일 

http://m.egovframe.go.kr/mguide3.5/

 

eGovframe Mobile Framework

 

m.egovframe.go.kr

 

728x90

댓글