(아이오닉학원/아이오닉교육) 아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기)

오라클왕 0 90 06.05 13:00


[아이오닉학원/아이오닉교육]


아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기)

(평일/주말반)



1893422741_MVK3fkWQ_8e902029ddfcd1de7c70

★ 교육개요 

Ionic을 활용해 하이브리드 앱 개발을 하는데 필요한 전반적인 내용을 예제를 통해 쉽게 드리며 Ionic의 기반이 되는 Angular의 기본적인 내용과 Ionic 개발에 필요한 환경 설정부터 컴포넌트, 내비게이션, 데코레이터, 서비스, Ionic Native, 앱 테스트 방법, 앱 출시 방법 등 앱 개발 및 출시 과정에서 필요한 거의 모든 내용을 배울 수 있습니다. 

또한 Ionic을 활용한 앱 개발에 필요한 기본적인 내용을 배운 뒤, UberAPI와 GoogleMap API를 활용한 앱 개발 예제로 배운 내용을 적용할 수 있으며 또한 지속적으로 업데이트되는 Ionic의 최신 버전에 대응하는 방법과 덧붙여 보면 좋은 내용도 간략히 소개되어 있어 Ionic을 활용해 하이브리드 앱 개발하려는 입문자에게도 좋은 교육이 될 것 입니다.

아이오닉 2는 Angular 2, 타입스크립트, SASS 같은 기술 위에 개발된 아이오닉 모바일 SDK의 최신 버전이며 이전 버전에 비해 구조 개선, 빌드 도구 개선, ES6 문법 지원 등 모든 부분에서 혁신적인 개선을 이뤘습니다. 아이오닉2를 사용해 재미있고 몰입되는 모바일 앱을 제작할 수 있도록 다양한 아이오닉 2의 컴포넌트를 배우고, 외부 서비스를 통합하며, 기능을 구현해보는 전문적인 앱 제작 과정을 풍부한 예제를 통해 쉽게 따라가며 배울 수 있을 것입니다.

★ 교육목표 

애플리케이션 개발을 위한 아이오닉 기능 이해
파이어베이스와 아이오닉을 이용한 채팅 앱 제작
써드 파티 REST API를 사용한 주식 추적 앱 제작 및 아이오닉 네비게이션과 페이지를 활용한 레이아웃 구성
아이오닉과 코르도바 플러그인을 사용한 미디어 플레이어 앱 구현
파이어베이스를 이용한 상용 애플리케이션 제작
실시간 아이오닉 애플리케이션 제작을 위한 모범 사례 연구

★ 교육대상 

모바일 앱 개발자
프론트 개발자
웹 개발자

★ 커리큘럼 
아이오닉 모바일 앱 프로그래밍1장. Angular - 입문
__Angular에 새로 추가된 내용은 무엇인가?
__TypeScript 기초
____변수 타입 지정
____타입 정의
____클래스
____인터페이스
____모듈 및 imports
__Angular
____컴포넌트
____존
____템플릿
__Giphy 앱
____아키텍처
____API
____Angular CLI
____소프트웨어 설치하기
____텍스트 편집기
____Angular 2 앱 뼈대 만들기
____Giphy 앱 빌드하기
__요약


2장. Ionic에 오신 것을 환영합니다
__모바일 하이브리드 아키텍처
__Apache Cordova란?
__Ionic이란?
__Ionic 3
__소프트웨어 설정
____Node.js 설치하기
____Git 설치하기
____텍스트 편집기
____TypeScript 설치하기
____Cordova 및 Ionic CLI 설치하기
____플랫폼 가이드
__Hello Ionic
__브라우저 개발 도구 설정
____Google Chrome
____Mozilla Firefox
__Ionic 프로젝트 구조
____config.xml 파일
____src 폴더
__tabs 템플릿 살펴보기
__side menu 템플릿 살펴보기
__요약


3장. Ionic 컴포넌트와 내비게이션
__핵심 컴포넌트
__Ionic 그리드 시스템
__Ionic 컴포넌트
____버튼
____리스트
____카드
____Ionic icorns
____모달
____세크먼트
__Ionic 내비게이션
____기본 내비게이션
____Ionic CLI Sub-Generator
__요약


4장. Ionic 데코레이터와 서비스
__데코레이터
____Ionic 모듈
____컴포넌트 데코레이터
__내비게이션
____페이지 간에 데이터 전달하기
__Config 서비스
__플랫폼 서비스
__Storage 서비스
__요약


5장. Ionic과 SCSS
__Sass 란?
__Ionic과 SCSS
____페이지 수준 재정의
____플랫폼 수준 재정의
____컴포넌트 수준 재정의
__샘플 컴포넌트에 테마 적용하기
__요약


6장. Ionic Native
__플랫폼별 SKD 설정하기
__안드로이드 설정
____iOS 설정
__설정 테스트하기
____안드로이드 테스트하기
____iOS 테스트하기
__Cordova 플러그인 시작하기
____Ionic 플러그인 API
____Ionic Native
____Cordova 화이트리스트 플러그인
__Ionic Native를 사용해 Cordova 플러그인 작업하기
____장치
____Toast
____다이얼로그
____로컬 알림
____Geolocation
__요약


7장. Riderr 앱 제작하기
__앱 개요
__Uber AP
____인증
____Uber에 등록하기
____API
__Riderr 제작하기
____doq 설치하기
____Uber API 서비스
____통합
____의존성 설치하기
____앱 테스트하기
__요약


8장. Ionic 2 마이그레이션 가이드
__마이그레이션을 왜 해야 할까?
__Todo 앱 - Ionic v1
____앱 제작하기
__마이그레이션 계획
__요약


9장. Ionic 2 앱 테스트하기
__테스트 방법론
__유닛 테스트 환경 설정하기
____프로젝트 설정하기
____유닛 테스트 작성하기
____유닛 테스트 실행하기
__driftyco/ionic-unit-testing-example
__엔드-투-엔드 테스트
____프로젝트 설정하기
____유닛 테스트 작성하기
____유닛 테스트 실행하기
__코드 적용 범위
__AWS 디바이스 팜
____AWS 디바이스 팜 설정하기
____Todo 앱 설정하기
____Todo 앱 몽키 테스트하기
____ 다양한 장치에서 Todo앱을 수동으로 테스트하기
__자동화 테스트
__요약


10장. Ionic 앱 출시하기
__배포를 위한 앱 준비
____config.xml 업데이트하기
____PhoneGap 빌드 서비스
__cordova CLI를 이용해 설치 파일 생성하기
____안드로이드 인스톨러
____iOS 인스톨러
__Ionic 패키지
____Ionic 클라우드에 프로젝트 업로드하기
____필요한 키 생성하기
__요약


11장. Ionic 3
__Angular 4
__Ionic 3
__Ionic 3 업데이트
____TypeScript 업데이트
____Ionic Page 데코레이터
____지연 로딩
__Ionic 2와 Ionic 3
__요약


Comments

번호 제목 글쓴이 날짜 조회
(IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 01.31 858
UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정(IT무료취업교육)(평일주간)_전액무료IT취업알… FSP 01.01 897
통합 SW 프로그래머(자바, C#, 모바일앱) 미취업자 구직자 양성과정(무료IT취업교육)(평일주간)_전액무료… FSP 2017.12.31 971
▶︎ 탑크리에듀교육센터(www.topcredu.co.kr) 소개 PPT 입니다._자바/SQL/스프링/닷넷/모… FSP 2016.09.09 3454
453 (아두이노학원/IoT학원) 아두이노 실전 프로젝트(Arduino를 이용한 IoT 프로젝트) 오라클왕 06.07 66
452 (Cortex학원/Cortex교육) Cortex-M3 프로세서구조및활용 오라클왕 06.07 66
451 (자바학원) 자바스크립트(JavaScript), ECMA, jQuery, Node 프로그래밍 실무과정 오라클왕 06.07 78
열람중 (아이오닉학원/아이오닉교육) 아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기) 오라클왕 06.05 91
449 (스프링학원/스프링교육) 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST +… 오라클왕 06.05 150
448 (스프링학원/스프링교육) 스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스… 오라클왕 06.05 142
447 (자바학원) 자바(Java) & 서블릿, JSP 프로그래밍언어 활용 재직자 향상과정 오라클왕 06.05 100
446 (SQL학원) 오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 06.05 95
445 (뷰제이에스학원/Vue.js학원) 뷰제이에스(Vue.js) 프로그래밍 입문 오라클왕 06.05 93
444 (SQL학원/SQL교육) 마리아DB(MariaDB) & MySQL 기초 및 SQL 활용 재직자 향상과정 오라클왕 06.05 104
443 (닷넷학원/C#학원) C#기초, Xamarin 앱 개발과정 오라클왕 06.05 139
442 (닷넷학원/C#학원) C#, 윈폼, WPF 윈도우 프로그래밍 실무프로젝트 과정 오라클왕 06.05 109
441 (Angular/React학원)앵귤러(Angular), 리액트(React) 기반 웹 & 앱 UI개발 재직자 … 오라클왕 06.05 92
440 (닷넷학원/Xamarin학원) Xamarin 크로스 플랫폼 앱개발 과정 오라클왕 06.05 128
439 (Spring + 웹스퀘어)스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST … 오라클왕 06.05 90
438 (닷넷학원/C#학원)C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 06.05 73
437 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST + MyBatis + Web… FSP 05.23 209
436 ▶[정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 05.09 131
435 ★★[SQL학원]오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 05.04 202
434 [씨샵학원]C#, 윈폼, WPF 윈도우 프로그래밍 실무프로젝트 과정 오라클왕 04.25 185
433 ★★[정보처리기사무료교육] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 04.24 170
432 ▶[앵귤러국비지원]◀앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상… 오라클왕 04.23 227
431 스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스택 실무프로젝트 과정 오라클왕 04.19 225
430 [IT실무교육]스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스택 실무프로… 오라클왕 04.19 258
429 ♠​♠♠[리액트학원]앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상… 오라클왕 04.17 220
428 ▶▶▶개강확정[닷넷학원]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 04.12 213
427 [WPF학원/WPF재직자교육]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 04.10 219
426 [앵귤러JS학원]앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정 오라클왕 04.10 274
425 ★★개강확정[SQL강좌]오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 04.06 325
424 [SQL학원]오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 04.03 301
423 ★★개강확정[정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 04.03 248
422 [wpf학원/wpf교육]닷넷, C#기반 WPF 프로그래밍 인터페이스구현 재직자 향상과정 오라클왕 04.02 253
421 [씨샵학원/씨샵교육]C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 03.23 310
420 [정보처리자격증/정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 오라클왕 03.22 325
419 (통합SW과정/취업성공패키지) 자바,C#,닷넷,스프링,모바일 무료취업교육,전문가과정 오라클왕 03.09 613
418 [취업성공패키지/자바무료교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정 (… 오라클왕 03.07 484
417 (자바무료학원/IT취업무료교육)자바,스프링프레임워크,C#,닷넷,안드로이드,자마린 무료취업교육,SW개발전문가과… 오라클왕 03.06 577
416 (자바무료학원/자바무료교육)자바,C#,닷넷,스프링,모바일 무료취업교육,전문가과정 오라클왕 03.05 609
415 [IT국비지원학원/IT국비지원교육]통합 SW 프로그래머 (자바, C#, 모바일앱) 미취업자 구직자 양성과정… 오라클왕 02.28 562