오픈 전 테스트 중!!! 😅

서비스 안정화 중 입니다.

아이오닉(ionic3) 기본부터 하이브리드 앱 개발 실무

아이오닉(ionic3) 기본부터 하이브리드 앱 개발 실무

(7개의 수강평)

142명의 수강생 공개 되지 않은 강좌 입니다
공개 되지 않은 강좌 입니다
Manager
평생
초급
수료증
48개 수업, 총 5시간 52분
  • ionic 4 가 release되면서 ionic start가 기본으로 ionic4로 설정됩니다.
  • ionic3로 프로젝트를 생성하려면 반드시 ionic start project --type=ionic-angular로 설정해주세요.

1. 강좌 소개

하이브리드 앱개발 플랫폼인 ionic3 를 학습하기 위한 강좌로 개발환경설정에서 앱릴리즈까지를 포함합니다. 여러 하이브리드 앱개발 플랫폼이 있지만 ionic3는 단순 라이브러리가 아닌 앱개발 전체 과정을 포함하는 개발 플랫폼입니다. 최근 하이브리드 엔진 최적화가 활발히 진행되고 있으며 스마트폰 H/W의 성능도 향상되어 일부 앱을 제외하고는 스마트폰 앱을 네이티브로 개발할 이유는 더이상 없습니다. 특히나 하드웨어 기능이나 UI반응 속도와 상관없는 앱 서비스 개발은 고객 Needs에 빠르게 대응하는 개발의 속도가 더욱 중요합니다. 하나 이상의 프로그래밍 언어를 사용하실줄 아시는 분이라면 안드로이드와 iOS에 대해 알지 못하더라도 앱 개발을 수행할수 있도록 하는것이 목표입니다. 강의는 ionic3를 사용한 개발 뿐만 아니라 각 플랫폼별 빌드 환경 설정에서 부터 릴리즈 방법까지를 다룹니다. git(https://github.com/raceyi/Ionic2Samples/)을 통해 강의 예제 코드가 모두 제공됩니다. Facebook Page(https://www.facebook.com/ionic2plus/) 를 통해 질문과 답변을 해드립니다. 개발 환경에 따라 Mac 환경이 필요할 수 있습니다. 윈도우 사용자에게 가상머신으로 Mac 개발 환경을 만들 수 있는 방법은 아래 링크로 소개합니다. https://youtu.be/BtP0k0sQrC8

2. 학습 목표

안드로이드와 아이폰에서 동작하는 스마트폰 앱을 개발하고 마켓에 릴리즈 가능합니다

3. 도움이 되는 분들

  • 실무에서 스마트폰 앱을 개발하시려는 분
  • 웹 개발의 지식으로 스마트폰 앱을 개발하고 싶으신분
  • 하나의 프로그래밍 언어를 다룰줄 알면서 스마트폰 앱개발에 관심있으신분
  • 하이브리드 앱으로 앱서비스 개발 기간을 단축하고 싶은분
  • 취업을 앞두고 실무 포트폴리오가 필요한 취업준비생
하나 이상의 프로그래밍 언어를 사용하실줄 아시는 분이라면 안드로이드와 iOS에 대해 알지 못하더라도 앱 개발을 수행할수 있도록 하는것이 목표입니다.

4. 배우는 것들

  • 개발환경설정, ionic 컴포넌트를 사용한 앱화면 구성, typescript를 통한 동작 코딩, cordova plugin(네이티브 플랫폼 기능) 사용하기,앱배포하기,푸쉬 메시지 완전 정복, 외부 결제 연동
  • git(https://github.com/raceyi/Ionic2Samples/)을 통해 제공되는 34개의 실전 샘플

5. 지식공유자

kalenlee
서강대학교 석사 S전자, willtech Intl, L전자 등 주로 제조업체에서 근무함. 최근 3년간 스타트업에서 웹서비스와 앱서비스 개발에 참여함. 현재 ionic2+(ionic3)로 책 출간 준비중이며 스타트업에서 앱서비스를 개발중입니다.

지식공유자 소개

Manager

교육과정

Ionic2+ 소개
hybrid앱 vs native앱
03 : 00
Why ionic2+?
04 : 00
Ionic2+맛보기
08 : 00
개발환경 및 프로젝트 생성/설정
ionic CLI설치
05 : 00
ionic project만들기
08 : 00
에디터(visual studio code) 와 typescript 디버깅
10 : 00
안드로이드 개발환경설정(앱빌드/실행/디버깅)
17 : 00
iOS개발환경설정( 앱빌드/실행/디버깅)
11 : 00
디렉토리구조+파일
05 : 00
사용자정의-error-handler
02 : 00
아이콘+스플래쉬스크린설정
03 : 00
git코드 활용하기
02 : 00
Typescript와 Angular
Typescript
13 : 00
component동적 생성
06 : 00
style 동적 변경
10 : 00
provider
06 : 00
UI component와 Navigation
ionic2+컴포넌트사용법
11 : 00
응용페이지구성
07 : 00
화면navigation
17 : 00
페이지간 패라미터 전달
07 : 00
menu+dialog+orientation
10 : 00
Theme설정하기
theme적용
10 : 00
ion-grid
06 : 00
android-fragmentation
03 : 00
서버와 통신
get+post사용법
10 : 00
provider의사용
03 : 00
자동 로그인 구현하기
13 : 00
버전관리하기
05 : 00
고급 component API 및 유용한 기술들
guesture 사용
05 : 00
infinite scroll
06 : 00
ngZone+event
05 : 00
animation구현하기
08 : 00
화면전환효과
05 : 00
pipe와 다국어 지원
04 : 00
안드로이드 폰의 백 버튼 처리하기
02 : 00
custom-icon사용
07 : 00
custom-component사용
03 : 00
동기화 문제 해결하기
03 : 00
DateTime 컴포넌트
04 : 00
Cordova plugin의 사용
ionic-native 플러그인 사용법
07 : 00
facebook-plugin
08 : 00
camera+file-transfer-plugin
07 : 00
push plugin
17 : 00
In App Browser(iamport를 사용한 PG결제 연동)
10 : 00
media play plugin
03 : 00
ionic-native 비제공 플러그인(카카오톡)
12 : 00
앱빌드와 배포
android앱릴리즈
05 : 00
iOS앱릴리즈
16 : 00

수강 후기

3.6
7개의 수강평
ZZANG vanilla 10달 전
잘들었습니다.
alpq5661 11달 전
강좌의 흐름. Ionic 을 최근에 접하면서, 지금의 강좌가 제일 적합하다고 판단을 하여 수강을 하고있습니다. 몇가지 해결되었으면 하는 내용이 있습니다. 1. 강좌의 흐름 > 동영상 짜집기(?) 의 문제일 수도 있지만, 강좌의 흐름이 중간중간 흐트러지는 걸 봤습니다. > 한가지 예로, A 라는 내용으로 강좌를 하고있는데, B 라는 강좌로 갑자기 넘어가고 또다시 A 로 갑자기 넘어오는 경우입니다. 2. 음질 > 음량의 높낮이가 일정치 않습니다. > 갑자기 낮아졌다가, 또 갑자기 높아집니다. 당장 해결되기는 쉽지 않겠지만, 보완 가능하다면 해결해주세요~ㅜ 그 밖에 나머지들은 상당히 좋은 강좌라고 생각합니다. 다만, 맥북 기반으로 프로그래밍을 하시다보니, 맥북을 가지고있지 않은 대부분의 수강생들이 CLI 명령어가 강좌의 명령어와 다릅니다. 이 부분도 영상 중간중간에 맥북의 명령어와 윈도우의 명령어를 껴서 보여줬으면 합니다. 한가지 예로, npm rm 명령어가 맥에서는 그냥 rm 으로 시작이 되지만, 윈도우에서는 npm rm 으로 명령어를 넣어야만이 실행이 됩니다. 아직 40% 정도의 수강을 하고있지만, 앞으로는 큰 도움이 될거라고 믿습니다.
Kyunghwan Yang 2018.03.23
아이오닉으로 개발하기 난감했는데.. 이 강좌 덕분에 많은 부분 알아갑니다.
temm 2018.02.21
아쉬움이 많네요. 내용을 떠나서 강좌 자체가 편집이 너무 흐름에 안맞게 되어있는 것 같아요. 강좌를 보면서 자연스럽게 따라 갈 수 있었으면 좋겠는데, 편집 흐름이 너무 달라서, 일시정지 했다가 다시 재생해서 하고 그런것들이 너무 많고 생략되는 정보는 결국 github가서 확인해서야 알 수 있는 게 많네요. 변경 된 정보는 강의 시작화면 마다 보여주시면 좋겠어요. 다하고나서 왜 안되지 하면 뒤에서 나올때 너무 당황스럽네요. 유료강의인데 여러가지로 아쉬운게 많습니다.
HwangGi Park 2018.02.12
실무에 필요한 내용이 대부분 들어가 있습니다. 책이나 튜토리얼 찾와봐도 기본적인 내용이라 실무에 필요한거 찾으려면 서칭하면서 시간 소모가 많았었는데 강의 듣고 앱 개발에 필요한 실무에서 필요한 내용위주로 잘 담겨져 있어서 잘 수강 했습니다. 군더더기 없이 특히 필요했던 서버 연동 부분 이랑 특히 커스텀 플러그인 ,커스텀 컴포넌트는 유용했습니다. 빠른 시간안에 아이오닉 파악하려고 했던 시간 절약 많이 되었습니다. 좋은 강의 계속 부탁합니다.
신승근 2018.02.09
솔직히 강의 너무 답답하네요 일단 동영상 편집이 너무 많아 따라하기가 힘들고 동작 원리를 설명해주지 않고 다 짜여진 코드로 겉만 흩고 지나간다. 설명이 답답하고 무료 강의보다도 못하다
Seonghwan Noh 2017.12.29
ionic 기본 배울 때 최고!! 하이브리드 앱 개발이 요즘 대세라서 ionic을 배워 볼려는데 국내에는 교육하는 곳이 없어서 독학으로 하려니 참 힘들었어요. 그런데 이 교육을 보고 앱 개발하여 출시 가능한 수준까지 끌어 올릴 수 있게 되었습니다! 기본부터 실무까지 정말 도움 많이 되는 내용으로 이루어져 있네요.