하이브리드앱
-
0 8168 동영상 - 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…
-
[동영상강좌] 8강 ~ 16강 Do It -하이브드앱 모바일 CSS
8강 CSS3 기본 기능 익히기 9강 CSS3 고급 기능 익히기_태그선택자 10강 CSS3 고급 기능 익히기_클래스…
-
[동영상강좌] 17강 , 18강 - 미디어쿼리로 반응형 웹 이해, 8-2. 미디어쿼리로 반응형 웹 실습
-
08-1 원하는 글꼴, 웹 폰트 사용하기
08-1 원하는 글꼴, 웹 폰트 사용하기 CSS3의 웹 폰트는 사용하고 싶은 글꼴을 선언해 주고 해당 글꼴을 파일의 경로를 지정해 주면 자동…
-
08-2 반응형 웹 디자인 - 미디어쿼리와 반응형 웹 ,
미디어 쿼리 https://mediaqueri.es/ 미디어쿼리와 반응형 웹 미디어쿼리는 서로 다른 미디어나 모바일 기기라 할지라도 각…
-
08-3 반응형 웹 , 모바일 웹 실전에서 미디어쿼리 응용하기
실전에서 미디어쿼리 응용하기 1단계 : 모바일과 테스크톱 PC 인터넷 환경의 차이점 인식 ● 3G 사용이 제한된 무선 인터넷 ● 다양한 …
-
[동영상강좌] 19강 , 20강 - Jquery Mobile UI 작업하기 , 스마트폰 UI 기법 페이지 전환 효과 익히기, 뷰포트 설정하기, 팝업
* JQuery Mobile 로 스마트폰 UI를 시작하자 http://jquerymobile.com/download/ 파일을 다운로드 혹은 CDN (Contents Delivery Network) 방식으로 설정…
-
동영상 - 20강 ( 10 강 ) - 다양한 페이지 전환 효과 , data-transition , data-rel=“back”
다양한 페이지 전환 효과 , data-transition , data-rel=“back” Slide 효과 왼쪽에서 오른쪽으로 움직이는 효과입니다. 좌우의 공간적…
-
[동영상강좌] 21강 - 모바일 웹 페이지 실전 시작하기 11. 아이콘 메뉴 페이지 만들기
테마 만들기 http://themeroller.jquerymobile.com/ <style type="text/css"> #logDiv{ background-color: #AB0000; } #logo { width:176px; height:132px; …
