본문 바로가기

안드로이드 웹앱 콘테츠 개발자 양성(국비지원)226

HybridApp - 0세대 WebApp(다양한 버튼) 여러가지 버튼에 대해서 알아보자. webapp 폴더 안에 02_Button폴더를 만들고, index.html파일을 만들자. index.html 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 " target="_blank" rel="noopener">jquerymobile.com--> Button Widget Anchor button Button element 2020. 1. 15.
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.
CodeIgniter : PHP Framework 문서를 구분하는 기준 - 역할을 나눠 코드 관리 MVC ( Model-View-Control ) Model : 데이터만 취급, View : 화면, Control : 기능 MVP ( Model-View-Presenter) 안드로이드로 예를 들면mainActivity에 코드를 쓰지 않고 별도의 문서로 나누면 MVP MVVM ( Model-View-ViewModel ) Flux Back-Ecd PHP CodeIgniter LaLavel JSP Spring 전자정부프레임워크 Front-End (html-css-JS) Hybrid-APP (JQM library : 옛날 방식 1세대, cordova : 1.5세대, ) Angular - 구글 -----------> Ionic + cordova React - 페이스북.. 2020. 1. 14.
db,php,html,script 홈페이지 1-2 (로그인, 쪽지 페이지 작업) 로그인 페이지, 쪽지( 쪽지 보내기, 송신함, 수신함) 페이지를 만들었다. [로그인] [쪽지] - 쪽지 보내기, 목록보기 db,php,html,script 홈페이지 1-1 에서 작업한 파일 오늘 새로 추가할 파일은 빨간색 네모 박스에 있는 것들이다. 크게보면 로그인 페이지, 쪽지 페이지이다. 로그인 페이지 만들어보자. HP 하위 폴더로 login 폴더를 만들고, login 폴더안에 login_form.php 파일을 만들자. login_form.php 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 로그인 로그인 이제 로그인 페이지에 스.. 2020. 1. 9.
db,php,html,script 홈페이지 1-1 (HOME, 회원가입 페이지 작업) 홈 화면 페이지, 회원가입 페이지를 만들었다. 화면에 보이는 총 2페이지 만듬. 공통으로 보이는 header, footer는 php include 이용 DB를 만들고 테이블에 회원가입 내용 삽입 ( POST방식 ) 아이디 중복 확인 GET 방식으로 창 띄우기. 우선 작업 전에 여러 폴더로 나눠서 해당 파일들을 만들 것이다. 구조는 아래와 같다. 오늘 작업할 구조이다. 우선 구조를 담을 HP 폴더를 만들자. 그 안에 각 폴더들을 만들 것이다. HP폴더 하위에 img 폴더를 만들고, 이미지를 추가하였다. (HOME 큰 이미지, 회원가입 버튼 대신 사용할 이미지 등등..) index.php를 만들고 여기에 HOME 페이지를 만들어보자. 페이지는 크게 3개 영역으로 나눌 것이다. (header : 상단 메뉴바,.. 2020. 1. 8.
DBMS 다양한 방법 2(php 파일로 일괄 적용 PDO로 php와 DBMS 연결) DBMS 다양한 방법 1 $conn=mysqli_connect('localhost','cw','1234','mrhi_db') or die("DB접속 실패"); 과 다르게 php와 DBMS 연결하는 방법을 $db=new PDO('mysql:host=localhost; dbname=mrhi_db','cw','1234'); 이런 식으로 지정된 객체를 사용해보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 2020. 1. 7.
DBMS 다양한 방법 1 (php 파일로 일괄 적용 php와 DBMS 연결) php 파일에 쿼리문도 넣고 echo 해서 웹 페이지에서도 확인해 보자. 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 2020. 1. 7.

티스토리툴바