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

오라클왕 0 263 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

번호 제목 글쓴이 날짜 조회
탑크리에듀, 2017~2018년 국기과정/실업자과정 수강후기/만족도/수강평 한번 확인 해보세요[전자정부응용S… FSP 08.01 69
(웹스퀘어5,스프링프레임워크,안드로이드,C#,WPF,Angular,파이썬,오라클,SQL)국비지원/노동부지원 … FSP 07.02 284
(자바, 스프링, 마이바티스 + 고급UI 개발)UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정… 오라클왕 07.02 259
(IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 07.02 240
▶︎ 탑크리에듀교육센터(www.topcredu.co.kr) 소개 PPT 입니다._자바/SQL/스프링/닷넷/모… FSP 2016.09.09 3813
475 [자바학원/C#교육] 프로그래밍언어기초, C언어, 자바(JAVA) 오라클왕 08.01 57
474 탑크리에듀, 2017~2018년 국기과정/실업자과정 수강후기/만족도/수강평 한번 확인 해보세요[전자정부응용S… FSP 08.01 69
473 2018년 정보처리기사, 산업기사 마지막 기회 3회차 일정 및 강의/국비지원무료교육/실업자교육/구직자교육/재… FSP 07.18 79
472 웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 실무과정(주말주간(토/일)) FSP 07.05 148
471 (런칭기념 재직자무료, 0원/일반 50%)스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자… FSP 07.05 190
470 (구로디지털단지역)정보처리기사, 정보처리산업기사 실업자/구직자 교육과정(재직자 참여가능) FSP 07.04 135
469 국비지원 재직자 과정안내(구로디지털단지역2분)- 스프링, 웹스퀘어5, Angular, 파이썬, 닷넷, C#,… FSP 07.04 223
468 [딥러닝학원/파이썬교육] 파이썬(Python)으로 입문하는 딥러닝(Deep Learning) 프로그래밍 오라클왕 07.03 124
467 [인공지능학원/인공지능교육] 인공지능, 머신러닝, 딥러닝 개론(AI, Machine Learning, Dee… 오라클왕 07.03 130
466 (IT국비지원무료교육/무료취업교육)자바,C#,모바일,IoT,UI/UX,웹퍼블리싱,정보처리기사,아두이노 무료교… 오라클왕 07.02 240
465 (자바, 스프링, 마이바티스 + 고급UI 개발)UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정… 오라클왕 07.02 259
464 (웹스퀘어5,스프링프레임워크,안드로이드,C#,WPF,Angular,파이썬,오라클,SQL)국비지원/노동부지원 … FSP 07.02 284
463 [파이썬학원/파이썬교육] 파이썬(Python) 프로그래밍 기본 재직자 향상 과정 오라클왕 07.01 125
462 [자바학원/앵귤러교육]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구현 재직자… 오라클왕 07.01 156
461 [닷넷학원/닷넷교육] c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향… 오라클왕 07.01 135
460 [안드로이드학원/안드로이드교육] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 07.01 210
459 [파이썬학원/딥러닝학원] 파이썬(Python) 프로그래밍 기본 재직자 향상 과정 오라클왕 06.30 132
458 [React학원/React교육]앵귤러(Angular) & 자바스크립트(ECMA, TypeScript) 화면구… 오라클왕 06.30 148
457 [씨샵학원/씨샵교육]c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향상… 오라클왕 06.30 123
456 [Android학원/Android교육] 안드로이드 앱 인터페이스구현 재직자 향상과정 오라클왕 06.30 218
455 [재직자전액무료/웹스퀘어학원/스프링교육] 스프링&마이바티스&웹스퀘어(WebSquare) 통합구현 실무 재직자… 오라클왕 06.29 263
454 [SQL학원/SQL교육] SQL 활용과 오라클(Oracle) Hint를 이용한 SQL튜닝 재직자 향상과정 오라클왕 06.29 203
453 (아두이노학원/IoT학원) 아두이노 실전 프로젝트(Arduino를 이용한 IoT 프로젝트) 오라클왕 06.07 226
452 (Cortex학원/Cortex교육) Cortex-M3 프로세서구조및활용 오라클왕 06.07 194
451 (자바학원) 자바스크립트(JavaScript), ECMA, jQuery, Node 프로그래밍 실무과정 오라클왕 06.07 252
열람중 (아이오닉학원/아이오닉교육) 아이오닉 하이브리드 앱 개발 과정(아이오닉2로 동적 모바일 앱 만들기) 오라클왕 06.05 264
449 (스프링학원/스프링교육) 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST +… 오라클왕 06.05 415
448 (스프링학원/스프링교육) 스프링부트(Spring Boot), JPA, Querydsl, Angular5 풀스… 오라클왕 06.05 438
447 (자바학원) 자바(Java) & 서블릿, JSP 프로그래밍언어 활용 재직자 향상과정 오라클왕 06.05 282
446 (SQL학원) 오라클 SQL기본 및 활용 Oracle 힌트, SQL튜닝 재직자 향상과정 오라클왕 06.05 272
445 (뷰제이에스학원/Vue.js학원) 뷰제이에스(Vue.js) 프로그래밍 입문 오라클왕 06.05 287
444 (SQL학원/SQL교육) 마리아DB(MariaDB) & MySQL 기초 및 SQL 활용 재직자 향상과정 오라클왕 06.05 293
443 (닷넷학원/C#학원) C#기초, Xamarin 앱 개발과정 오라클왕 06.05 401
442 (닷넷학원/C#학원) C#, 윈폼, WPF 윈도우 프로그래밍 실무프로젝트 과정 오라클왕 06.05 310
441 (Angular/React학원)앵귤러(Angular), 리액트(React) 기반 웹 & 앱 UI개발 재직자 … 오라클왕 06.05 272
440 (닷넷학원/Xamarin학원) Xamarin 크로스 플랫폼 앱개발 과정 오라클왕 06.05 399
439 (Spring + 웹스퀘어)스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST … 오라클왕 06.05 251
438 (닷넷학원/C#학원)C#, 윈폼, 네트워크, ADO.NET 실무프로젝트 과정 오라클왕 06.05 216
437 스프링 개발자를 위한 웹스퀘어5 실무프로젝트과정(Spring MVC + REST + MyBatis + Web… FSP 05.23 492