하이브리드앱
-
0 8196 동영상 - 20강 ( 10 강 ) - 다양한 페이지 전환 효과 , data-transition , data-rel=“back”
다양한 페이지 전환 효과 , data-transition , data-rel=“back” Slide 효과 왼쪽에서 오른쪽으로 움직이는 효과입니다. 좌우의 공간적…
-
0 3686 [동영상강좌] 27강 ( 15장 ) - 15. HTML5로 동영상 연결하기 실습
형식(코덱 이름) 특징 지원 브라우저 *.mp4(H.264) 성능으로 현재 널리 …
-
0 3417 [동영상강좌] 28강, 29강 ( 16장) - HTML5 GeoLocation API (구글맵 표시하기, 지도에 내위치 표시하기, 현재 내 위치 찾아보기)
J-QUERY로 구글맵 띄우기!! Google Maps JavaScript API 사용법 HTML5와 GeoLocation API 최근 스마트폰 앱들은 위치정보와 지…
-
0 3116 [동영상강좌] 30강 ( 17장 중요 ) - 17. 무료 호스팅 및 웹앱 FTP 등록 및 배포하기, 네이트브앱 같은 웹앱 만들기
전체 - 추가할 코드 <!-- iOS, 안드로이드 크롬 브라우저 용 웹앱 전체 화면 설정 --> <meta name…
-
1 3040 유튜브 동영상 반응형 웹에 삽입하는 방법
유튜브 동영상 반응형 웹에 삽입하는 방법 자, 이제 이 간단하고 편리한 방법을 알아 봅시다. 태그 앞에 아래와 같이 추가합니다. <scri…
-
0 2967 [동영상강좌] 35강, 36강, 37강 ( 19장 ) 실전 응용 하이브리드앱만들기 - JSON 데이터
1. JSON 테스트 test_json.html <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <script src="ht…
-
1 2822 [동영상강좌] 31강, 32강, 33강, 34강 ( 18장 ) 배포 - 폰갭CLI(아파치 코르도바)를 사용하여 하이브리드앱 만들기1 : 하이브리드앱, 폰갭, 폰갭 디벨로퍼
중요 - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기 중요 . 설정 - 아이콘 및 시작화면 리소스 준비…
-
0 2489 Nov [동영상강좌] 38강 ( 20장 ) +20.구글플레이에 안드로이드 APK 업로드하여 배포하기(개정판19장)
-
0 1889 [동영상강좌] 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…
-
반응형 웹을 패키징하여 앱으로 만드는 방법에 대해 참조할 만한 사이트
스파크웹에서는 반응형 웹사이트 또는 모바일에 최적화된 웹을 Swift, Kotlin 언어로 작성된 네이티브 앱으로 패키징하는 작업에 대해 설명…
-
웹뷰로 앱만들기 및 푸시연
웹 개발자를 위한 안드로이드 웹뷰 만들기https://stir.tistory.com/329
-
[동영상강좌] 22강 - 메뉴와 툴바 적용하기, 이미지 슬라이더
이클립스 마켓에 GWT 입력 HTML 5 툴 다운로드 받기 12-1 툴바 기본 사용법 익히기 inline(인라인) 모…
-
12장 미션 툴바에 사용자 정의 아이콘 넣기
소스 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width, initial-sc…
-
[동영상강좌] 23강, 24강, 25강 ( 13장 ) - 자바스크립트
자바스크립트 basic.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <script type="tex…
-
[동영상강좌] 26강 ( 14장 ) - 이미지 전환 효과 만들기
CSS3 트랜지션 사용법 익히기 css3 트랜지션을 사용하는 방법은 간단합니다. css3의 …
-
[동영상강좌] 27강 ( 15장 ) - 15. HTML5로 동영상 연결하기 실습
형식(코덱 이름) 특징 지원 브라우저 *.mp4(H.264) 성능으로 현재 널리 …
-
[동영상강좌] 28강, 29강 ( 16장) - HTML5 GeoLocation API (구글맵 표시하기, 지도에 내위치 표시하기, 현재 내 위치 찾아보기)
J-QUERY로 구글맵 띄우기!! Google Maps JavaScript API 사용법 HTML5와 GeoLocation API 최근 스마트폰 앱들은 위치정보와 지…
-
[동영상강좌] 30강 ( 17장 중요 ) - 17. 무료 호스팅 및 웹앱 FTP 등록 및 배포하기, 네이트브앱 같은 웹앱 만들기
전체 - 추가할 코드 <!-- iOS, 안드로이드 크롬 브라우저 용 웹앱 전체 화면 설정 --> <meta name…
-
[동영상강좌] 31강, 32강, 33강, 34강 ( 18장 ) 배포 - 폰갭CLI(아파치 코르도바)를 사용하여 하이브리드앱 만들기1 : 하이브리드앱, 폰갭, 폰갭 디벨로퍼
중요 - 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기 중요 . 설정 - 아이콘 및 시작화면 리소스 준비…
