인프런 업데이트 소식 🔨👷🏼‍♂️
Do it! 쉽게배우는 웹앱&하이브리드 앱

Do it! 쉽게배우는 웹앱&하이브리드 앱

(4개의 수강평)

1669명의 수강생

무료

평생
초급, 중급
38회 수업, 총 5시간 45분

1. 교재

webapp1 Yes24 , 교보문고,

2. 강좌소개

비전문가도 앱을 만들 수 있도록 하이브리드앱을 만들기 위한 모든 내용이 담겨있습니다. HTML5+CSS 와 jQuery(제이쿼리) 모바일을 이용해 모바일 웹을 만드는 방법부터 App(앱) 화 시켜 구글 플레이스토어와 애플 앱스토어에 등록하는 방법까지 친절하게 설명해 줍니다. 책을 구매하면 더욱 효과적인 학습이 가능합니다.

3. 이런분들에게 도움이 됩니다

  • 개발에 아무런 지식이 없는 초보자
  • 앱을 직접 개발해 보고 싶은 디자이너
  • 구글 플레이스토어, 애플 앱스토어에 웹앱을 등록시키고 싶은 웹개발자
  • IT 기업, 스타트업 관계자

4. 지식공유자 소개

김응석
E-메일 : andrew.niel@gmail.com
최장수 베스트셀러, 100여 개 대학 교재 채택의 신기록을 지닌 IT 현장 지향형 교수.
안산대학교 멀티미디어디자인과 부교수.
1990년대 초 베스트셀러였던 《안녕하세요 컴퓨터 길라잡이》의 저자이면서 치밀한 구성으로 찬사를 받았던 《新 한글 비주얼 베이직 6》으로 전국 100여 개 대학에서 강의 교재로 채택되는 기록을 세우기도 한 자타 공인 국내 최고의 테크니컬 라이터이다.
안산대학교에서도 교수들에게 학습방법론을 지원하는 교수학습지원 센터장을 맡아 학생들을 잘 가르치는 방법, 더 많은 것을 효율적으로 배울 수 있는 방법에 관심을 기울여왔다.
또한 강단의 교수이기 전에 (주)파이언소프트 개발팀 팀장과 (주)소프트뱅크 웹인스티튜트 기술이사(CIO)를 거치며 산업현장의 전장을 그 누구보다 뼛속 깊숙이 경험해 봤던 IT 분야의 전문가이다. 그래서 학생들에게 산업현장에 필요한 따끈따끈한 지식을 알기 쉽게 가르쳐 바로 결과물로 확인할 수 있는 방법을 태생적으로 고민할 수밖에 없었다.
한양대학교 전자계산학과를 졸업했고, 같은 대학원에서 멀티미디어를 전공하여 석사학위를 받았다. 숭실대학교 대학원(미디어아트 MAAT랩)에서 박사학위를 받은 후 지금은 인문학과 예술의 감성이 IT 테크놀로지와 결합될 때 놀라운 창조력이 나올 수 있음에 매료되어 새로운 신세계 탐구에 몰두하고 있다.
대표 저서
《구글 완전 활용법》, 《안녕하세요 컴퓨터 길라잡이》, 《인터넷 홈페이지 만들기》, 《액티브 홈페이지 만들기》, 《한글 비주얼 베이직 2005 익스프레스》, 《新 한글 비주얼 베이직 6》 외 10여 종

교재소개

 

출판사 리뷰

자세한 책 소개 이 책은 ‘Do it! 쉽게 배우는 웹앱&하이브리드앱’ 초판 이후 베스트셀러로, 2년 이상 꾸준히 학생들의 교재로 사용되며, 독자들과 소통해온 결과를 반영하고 최신 내용으로 거듭나 완성도를 더욱 높인 책이다. 모바일웹, 웹앱, 하이브리드앱의 최신 경향을 체계적으로 배운다! 최근 스마트 뱅킹 앱과 같은 업무용 앱은 하이브리드앱 방식으로 개발되고 있다. 자바나 오브젝트 C를 알아야하는 네이티브앱보다 쉽게 앱을 만들 수 있는 방법도 바로 하이브리드앱 방식이다. 이 책은 전공자가 아닌 일반인도 따라할 수 있도록 HTML5과 CSS3의 개념을 설명해주고 드림위버에서 쉽게 실습하게 하였고, 반응형 웹을 지원하는 미디어쿼리, 화려하고 효과적인 모바일 화면 UI를 제공하는 최신 제이쿼리 모바일(Jquery Mobile)을 자세히 설명한다. 이렇게 만들어진 모바일 웹을 웹앱으로 전환하는 과정, 그리고 모바일 기기의 GPS와 연동하여 지역 정보를 제공하는 지오로케이션(GeoLcation) API를 이용하여 현재 위치와 원하는 위치를 표시할 수 있는 방법을 소개한다. 펜션 사장님도 이 책을 따라하고 앱을 만들었다! 이 책은 실제 등록된 앱을 만들어가는 과정을 하나하나 보여주며 진행되므로 앱이 완성되는 과정을 보며 성취감을 느낄 수 있고, 변형하여 자신만의 앱을 만들 수도 있다. 이미 이 책의 초판 독자인 어느 펜션 사장님이 자신의 펜션을 소개하는 앱을 만들어서 카페에 자랑하기도 하였다. 초보자를 위한 환경 설정! – 개발자가 된 것처럼 실습하는 재미 쏠쏠~ 대부분의 책들이 바로 모바일 개발로 시작하는 반면 이 책은 자신의 PC에 필요한 HTML 편집기와 모바일 브라우저 설치 및 이용 방법, 테스트를 위한 웹 서버를 구축할 수 있도록 설명하고 있어서 실제 개발자가 된 것처럼 PC 브라우저와 모바일 브라우저의 결과를 확인하며 재미있게 실습할 수 있다. 실제 개발 방법을 이용한 미디어쿼리와 Jquery 모바일 소개 모바일 개발은 다양한 화면을 지원하도록 개발되어야 한다. 그러기 위해선 미디어쿼리가 필수! 미디어쿼리와 FTP 환경설정으로 PC와 스마트폰에서 쉽게 테스트할 수 있도록 설명했다. 이 방법은 기존의 웹과는 다른 개발 방법이며 실제 모바일 웹을 개발하는 방법이다. 모바일 웹 개발에서는 하나의 툴만 사용하지 않으며 다양한 툴을 복합적으로 사용하기 때문이다. 이 책에서도 실제 개발자들이 사용하는 방법을 그대로 설명한다. 앱 기획부터 구글 플레이와 앱스토어 심사 통과까지 구체적으로 볼 수 있다. 이 책은 실제 앱을 설계하는 과정부터 직접 코딩하고 디자인하여 앱스토어에 등록하는 방법까지 실제로 앱을 만드는 모든 과정을 낱낱이 소개하였다. 이 책에서 실습하는 앱은 안드로이드 마켓인 구글 플레이와 애플의 앱스토어에 올려져있다. 이 앱을 만드는 프로젝트를 진행하면서 자바스크립트, 동영상 플레이, 이미지 갤러리, 모바일 신문 스타일의 이미지 효과, 구글 지도 적용을 차례로 배울 수 있다. 특히 자바스크립트와 모바일 구글 지도 적용은 어렵게 여겨지던 개념을 도식화하여 쉽게 이해할 수 있도록 구성했다. 특히 많은 사람들이 어려워하는 애플 개발자 등록과 앱 등록 과정은 한 권의 소책자로 만들어도 손색이 없을 정도로 자세하다. 책 핵심 내용 동영상 강의 무료 제공! 저자 직강으로 더 쉽게 배운다. 저자는 현직 대학교수이며 안산대학교 교수학습지원 센터장을 역임하면서 익힌 다양한 교수법을 책에 쏟아 부었다. 책만 봐도 충분하겠지만 더 편하게 공부하고 싶다면 동영상을 들으며 책을 보는 것도 좋은 방법이다. EBS 방송을 통해 활동했던 저자의 매끄러운 동영상은 더욱 쉽게 책의 내용을 이해할 수 있도록 도와준다.  

지식공유자 소개

이지스퍼블리싱

교육과정

모두 펼치기 38 강의 5시간 45분
섹션 0. 섹션 1 - 오리엔테이션
4 강의 34 : 00
1강 - 웹표준, 모바일 환경의 이해 (웹표준의 개념)
09 : 00
2강 - 웹표준 모바일 환경의 이해 (웹앱 개념)
07 : 00
3강 - 드림위버 CC_ChromeToMobile 준비
14 : 00
4강 - ChromeToMobile 실습
04 : 00
섹션 1. 섹션 2- HTML5 시맨틱 마크업
2 강의 22 : 00
5강 - HTML5 시맨틱 마크업 이론 개념 이해
04 : 00
6강 - HTML5 시맨틱 마크업 개념실습
18 : 00
섹션 2. 섹션 3 - CSS3 익히기
11 강의 87 : 00
7강 - CSS3 기본 기능
10 : 00
8강 - CSS3 태그 선택자
07 : 00
9강 - CSS3 클래스 선택자
08 : 00
10강 - CSS3 좌표계 사용법 익히기 - 개념
06 : 00
11강 - CSS3 좌표계 - 디자이너 실습 1
10 : 00
12강 - CSS 좌표계 사용법 - CSS디자이너 실습 2
09 : 00
13강 - float 개념 이해
07 : 00
14강 - float 실습
06 : 00
15강 - clear 개념 및 실습
08 : 00
16강 - CSS3 미디어쿼리로 반응형 웹 이해
07 : 00
17강 - 미디어쿼리 반응형 웹 실습
09 : 00
섹션 3. 섹션 4 - 웹앱 만들기 준비 지식
4 강의 43 : 00
18강 - Jquery Mobile UI 작업하기
09 : 00
19강 - 스마트폰 UI 기법 페이지 전환 효과 익히기
10 : 00
20강 - 아이콘 메뉴 페이지 만들기
14 : 00
21강 - 메뉴와 툴바 적용하기
10 : 00
섹션 4. 섹션 5 - 자바스크립트 기초 프로그래밍 실습
3 강의 35 : 00
22강 - 변수 개념
10 : 00
23강 - 배열과 반복문
11 : 00
24강 - 판단문
14 : 00
섹션 5. 섹션 6 - 여러가지 기능 실습
5 강의 42 : 00
25강 - 이미지 전환 효과 만들기
11 : 00
26강 - HTML5로 동영상 연결하기 실습
04 : 00
27강 - 지도에 내 위치 표기하기 HTML5 GeoLocation API
05 : 00
28강 - 구글 맵 표시하기 실습
12 : 00
29강 - 무료 FTP 등록 및 배포하기
10 : 00
섹션 6. 섹션 7 - 폰갭을 활용하여 하이브리드앱 만들기
5 강의 49 : 00
30강 - 하이브리드앱, 폰갭_코르도바, 폰갭디벨로퍼 앱 개념 이해하기
10 : 00
31강 - 폰갭CLI 설치 및 하이브리드앱 실습
12 : 00
32강 - 안드로이드 APK 빌드를 위한 환경 준비
13 : 00
33강 - 안드로이드 APK 빌드_서명_정렬하기
09 : 00
34강 - 구글 플레이에 안드로이드 APK 업로드하여 배포하기
05 : 00
섹션 7. JSON
3 강의 28 : 00
35강 - JSON이란, JSON 데이터 실습
13 : 00
36강 - JSON 데이터바인딩 실습
09 : 00
37강 - JSON 제이쿼리모바일 실습
06 : 00
섹션 8. 배포하기
1 강의 05 : 00
38강 - 구글플레이에 안드로이드 APK 업로드하여 배포하기(개정판19장)
05 : 00

공개 일자

2015년 9월 22일 (마지막 업데이트 일자 : 2018년 1월 8일)

수강 후기

4.0
4개의 수강평
꼬부기 9달 전
좋은 강의였습니다 기초를 다니기엔 좋은 강의였습니다. 감사합니다
일산훈남 2018.02.26
가려운 부분을 시원하게 긁어준 강좌였습니다. 아주 유익했습니다.

지식공유자 되기

많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.

기업 교육을 위한 인프런

"인프런 비즈니스" 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.

(주)인프랩 | 대표자 : 이형주 | E-MAIL : info@inflearn.com
사업자번호 : 499-81-00612 | 개인정보보호책임자 : 이형주 | 통신판매업 : 2018-성남분당B-0062
주소 : 성남시 분당구 삼평동 판교역로 240 삼환하이팩스 A동 208-1호
©INFLAB. ALL RIGHTS RESERVED