안드로이드 웹앱 콘테츠 개발자 양성(국비지원)/HybridApp30 HybridApp - 0세대 Webapp (웹페이지를 모바일 크기로 만들기) ● WepApp - JQM library [ data-role 속성 ] - Bootstrap [ class 속성 ] 안드로이드 스튜디오를 이용하지 않고, 모바일형식으로 만든다. JQM library를 이용하면 모바일형식으로 쉽게 웹을 만들 수 있다. 우선 작업할 폴더를 만들고 거기에서 작업을 하자. D\HybridApp\webapp 폴더를 만들었다. webapp폴더에서 작업을 할 것이다. visual code를 이용하겠다. webapp폴더에 01_Introduce 폴더를 만들고, index.html 파일을 만들자. 이제 아래 사이트에서 JQM library를 다운받자. https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feat.. 2020. 1. 15. HybridApp - 0세대 WepApp (갤러이앱 열고, 웹-앱 문자열 전달) 버튼을 통해 휴대폰 갤러이앱을 열고, 웹과 안드로이드 앱 데이터 전달 빈 액티비티를 만들자. activity_main.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 MainActivity.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 5.. 2020. 1. 15. Hybrid App - 0세대 WebApp (안드로이드 스튜디오로 html 작성 및 반응형 웹 열기) -WebApp 웹페이지인데 CSS를 이용해서 앱처럼 보이는 것 ( JQM library를 사용하면 편하다. ) -하이브리드앱(1세대) Native App 안드로이드 앱 안에서 WebView가 있고 거기에 HTML, CSS, JS를 넣으면 된다. 그러나 핸드폰의 기능을 사용을 못한다. 그래서 JS와 자바의 메소드를 연결 [ cordova ]해서 웹어서 버튼을 눌러도 휴대폰 기능을 사용할 수 있다. -하이브리드앱(2세대) React Native 0세대부터 알아보자. 기본적인 WebApp android studio에서 html등을 만들고 보여줄 수 있다. 그리고 미리 만든 반응형 웹도 앵커요소를 통해 열린다. activity_main.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ht.. 2020. 1. 15. 이전 1 2 3 4 다음
