하이브리드 앱을 개발하기 위한 ionic framework의 기초 개념을 잡아보세요

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)
을 거쳐 현재 프리랜서/컨설턴트로 활동중

강좌 평가

...

개의 수강평
  • 5 점0
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0

아직 수강평이 없네요

강좌 교육과정

아이오닉 기초 개념 및 구성
Ionic Framework학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
Project Folder structure학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:14:00
src folder학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:13:00
Lazy Loading학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
ui_component학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
binding학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
directive – ngIf학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
directive – ngFor학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
directive – ngModel학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Page Navigation학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Life Cycle Event학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Component
ActionSheet학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:16:00
Modal학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
ViewController학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
input Forms학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
Slides학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
Prompt Alert학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Navigation parameters학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
variables학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
Toast학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Loading Controller학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
provider학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Interface학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
sqlite
sqlite – Local database학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:21:00
sqlite 2 – Local database학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
sqlite Input학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Item Sliding학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
sqlite Edit / Delete학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
sqlite test학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
Send
Send Email학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
Send SMS학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
Send Call학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
Ionic View학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00

인프런은 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED