하이브리드앱
-
0 8167 동영상 - 20강 ( 10 강 ) - 다양한 페이지 전환 효과 , data-transition , data-rel=“back”
다양한 페이지 전환 효과 , data-transition , data-rel=“back” Slide 효과 왼쪽에서 오른쪽으로 움직이는 효과입니다. 좌우의 공간적…
-
0 3657 [동영상강좌] 27강 ( 15장 ) - 15. HTML5로 동영상 연결하기 실습
형식(코덱 이름) 특징 지원 브라우저 *.mp4(H.264) 성능으로 현재 널리 …
-
0 3413 [동영상강좌] 28강, 29강 ( 16장) - HTML5 GeoLocation API (구글맵 표시하기, 지도에 내위치 표시하기, 현재 내 위치 찾아보기)
J-QUERY로 구글맵 띄우기!! Google Maps JavaScript API 사용법 HTML5와 GeoLocation API 최근 스마트폰 앱들은 위치정보와 지…
-
0 3099 [동영상강좌] 30강 ( 17장 중요 ) - 17. 무료 호스팅 및 웹앱 FTP 등록 및 배포하기, 네이트브앱 같은 웹앱 만들기
전체 - 추가할 코드 <!-- iOS, 안드로이드 크롬 브라우저 용 웹앱 전체 화면 설정 --> <meta name…
-
1 3024 유튜브 동영상 반응형 웹에 삽입하는 방법
유튜브 동영상 반응형 웹에 삽입하는 방법 자, 이제 이 간단하고 편리한 방법을 알아 봅시다. 태그 앞에 아래와 같이 추가합니다. <scri…
-
0 2954 [동영상강좌] 35강, 36강, 37강 ( 19장 ) 실전 응용 하이브리드앱만들기 - JSON 데이터
1. JSON 테스트 test_json.html <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <script src="ht…
-
1 2807 [동영상강좌] 31강, 32강, 33강, 34강 ( 18장 ) 배포 - 폰갭CLI(아파치 코르도바)를 사용하여 하이브리드앱 만들기1 : 하이브리드앱, 폰갭, 폰갭 디벨로퍼
중요 - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기 중요 . 설정 - 아이콘 및 시작화면 리소스 준비…
-
0 2478 Nov [동영상강좌] 38강 ( 20장 ) +20.구글플레이에 안드로이드 APK 업로드하여 배포하기(개정판19장)
-
0 1888 [동영상강좌] 19강 , 20강 - Jquery Mobile UI 작업하기 , 스마트폰 UI 기법 페이지 전환 효과 익히기, 뷰포트 설정하기, 팝업
* JQuery Mobile 로 스마트폰 UI를 시작하자 http://jquerymobile.com/download/ 파일을 다운로드 혹은 CDN (Contents Delivery Network) 방식으로 설정…
-
0 1835 중요 - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기
NodeJS 설치하기 1. 노드 js 설치 https://nodejs.org/en/ 2. 윈도우의 [시작 - Node.js - Node.js command prompt] 3. 프롬프트 창에 설치 버전 확인 [ npm -version…
-
6 유튜브 동영상 반응형 웹에 삽입하는 방법
유튜브 동영상 반응형 웹에 삽입하는 방법 자, 이제 이 간단하고 편리한 방법을 알아 봅시다. 태그 앞에 아래와 같이 추가합니다. <scri…
-
4 [동영상강좌] 22강 - 메뉴와 툴바 적용하기, 이미지 슬라이더
이클립스 마켓에 GWT 입력 HTML 5 툴 다운로드 받기 12-1 툴바 기본 사용법 익히기 inline(인라인) 모…
-
4 12장 미션 툴바에 사용자 정의 아이콘 넣기
소스 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-sc…
-
4 [동영상강좌] 23강, 24강, 25강 ( 13장 ) - 자바스크립트
자바스크립트 basic.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <script type="tex…
-
4 [동영상강좌] 26강 ( 14장 ) - 이미지 전환 효과 만들기
CSS3 트랜지션 사용법 익히기 css3 트랜지션을 사용하는 방법은 간단합니다. css3의 …
-
4 [동영상강좌] 27강 ( 15장 ) - 15. HTML5로 동영상 연결하기 실습
형식(코덱 이름) 특징 지원 브라우저 *.mp4(H.264) 성능으로 현재 널리 …
-
4 [동영상강좌] 28강, 29강 ( 16장) - HTML5 GeoLocation API (구글맵 표시하기, 지도에 내위치 표시하기, 현재 내 위치 찾아보기)
J-QUERY로 구글맵 띄우기!! Google Maps JavaScript API 사용법 HTML5와 GeoLocation API 최근 스마트폰 앱들은 위치정보와 지…
-
4 [동영상강좌] 30강 ( 17장 중요 ) - 17. 무료 호스팅 및 웹앱 FTP 등록 및 배포하기, 네이트브앱 같은 웹앱 만들기
전체 - 추가할 코드 <!-- iOS, 안드로이드 크롬 브라우저 용 웹앱 전체 화면 설정 --> <meta name…
-
4 [동영상강좌] 31강, 32강, 33강, 34강 ( 18장 ) 배포 - 폰갭CLI(아파치 코르도바)를 사용하여 하이브리드앱 만들기1 : 하이브리드앱, 폰갭, 폰갭 디벨로퍼
중요 - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기 중요 . 설정 - 아이콘 및 시작화면 리소스 준비…
-
4 [동영상강좌] 35강, 36강, 37강 ( 19장 ) 실전 응용 하이브리드앱만들기 - JSON 데이터
1. JSON 테스트 test_json.html <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <script src="ht…
-
Nov [동영상강좌] 38강 ( 20장 ) +20.구글플레이에 안드로이드 APK 업로드하여 배포하기(개정판19장)
-
유튜브 동영상 반응형 웹에 삽입하는 방법
유튜브 동영상 반응형 웹에 삽입하는 방법 자, 이제 이 간단하고 편리한 방법을 알아 봅시다. 태그 앞에 아래와 같이 추가합니다. <scri…
-
[동영상강좌] Do it - [Intro] 왜 웹앱&하이브리드앱을 공부해야 하는가?, 설치
설치 1. 노드 js …
-
녹스 애뮬레이터 설치 후 안드로이드 스튜디오 연결 및 하이브리드앱 연결
녹스 다운로드 후 설치 앱 설정 cmd 로 .... \Nox\bin 녹스가 설치된 …
-
중요 - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기
NodeJS 설치하기 1. 노드 js 설치 https://nodejs.org/en/ 2. 윈도우의 [시작 - Node.js - Node.js command prompt] 3. 프롬프트 창에 설치 버전 확인 [ npm -version…
-
중요 . 설정 - 아이콘 및 시작화면 리소스 준비하기
1. 홈 화면에 추가할 아이콘과 시작화면을 다운로드 받습니다. 아이콘 파일들은 각각 다음과 같은 해상도를 가지고 있습니다. 이 파일들은 vu > www &…
-
중요 - 안드로이드 네이트브앱 빌드
2017년 04월 04일 교재는 2014년 7월 출판 되었다. 따라서 업데이트 된 것들이 있으니 주의 할것. 폰갭 업데이트 C…
-
[동영상강좌] 2강 3강 4 강 Do It - 1-1. 웹 표준, 모바일 환경의 이해_웹표준 개념, 웹앱 개념, 모바일 환경의 이해_드림위버CC,
2강 웹 표준, 모바일 환경의 이해_웹표준 개념 3강 웹 표준, 모바일 환경의 이해_웹앱 개념 …
-
[동영상강좌] 5강 6강 7강 Do It - ChromeToMobile실습, HTML5 시맨틱 마크업 이론 익히기, HTML5 시맨틱 마크업 이론 익히기
5강 웹 표준, 모바일 환경의 이해_ChromeToMobile실습 6강 HTML5 시맨틱 마크업 이론 익히기_개념이해 …
-
EX03 시맨틱 마크업을 위한 문서구조 실습, W3C HTML 웹 표준 인증받기
시맨틱 마크업을 위한 문서구조 실습 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- Always force latest IE render…
