Ionic framework Tutorial

하나의 소스로 다양한 플랫폼에서 실행 가능한 Application을 제작할 수 있는 하이브리드 개발 환경을 지원하는 아이오닉에 대해서 배워보는 강의입니다. 안드로이드 및 IOS, 또한 최근 화제가 되고 있는 PWA(Progressive Web App)까지 앱 및 웹의 제작을 하나의 소스코드를 이용하여 개발할 수 있게 다양한 리소스를 지원하기 때문에 빠르고 쉽게 앱 개발을 할 수 있고 유지관리가 쉽습니다.

이번 강의에서는 아이오닉 기초 기념을 배우고, 실무에서는 어떻게 활용하고 있는지 알아볼 예정입니다. Ionic은 앱 및 웹개발을 지원하기 위하여 다양한 컴포넌트 및 플러그 인을 제공하고 있으며, 그 중 실제 앱 개발에 많이 쓰이는 컴포넌트 혹은 플러그 인 등의 사용 방법을 알려 드립니다.  

  도움이 되는 분들

• 하이브리드 앱을 개발하고 싶은 분
• Ionic을 처음 접하는 초보자
• 강의 특징

main feature

ionic 3 project folder structure UI Component lazy-loading binding deirective Life Cycle Event Modal Auto Slides Action sheet Provider Interface SqLite CRUD send Email send SMS send Call Ionic View

개발 환경

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils : 1.19.0 ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 3.1.4 Cordova Platforms : android 6.3.0 Ionic Framework : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2 Node : v8.6.0 npm : 5.5.1 OS : macOS High Sierra Xcode : Xcode 9.2 Build version 9C40b

지식공유자 소개

김철현

SDS LGAd 심마니(검색엔진) Mnet Media(현 CJ E&M) 을 거쳐 현재 프리랜서/컨설턴트로 활동중