공개되지 않은 강의로
수강이 제한됩니다.
수강이 제한됩니다.
하이브리드 앱개발 플랫폼인 ionic3를 학습하기 위한 강좌로 개발환경설정에서 앱릴리즈까지를 포함합니다.
- 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/BtP0k0sQrC82. 학습 목표
안드로이드와 아이폰에서 동작하는 스마트폰 앱을 개발하고 마켓에 릴리즈 가능합니다3. 도움이 되는 분들
- 실무에서 스마트폰 앱을 개발하시려는 분
- 웹 개발의 지식으로 스마트폰 앱을 개발하고 싶으신분
- 하나의 프로그래밍 언어를 다룰줄 알면서 스마트폰 앱개발에 관심있으신분
- 하이브리드 앱으로 앱서비스 개발 기간을 단축하고 싶은분
- 취업을 앞두고 실무 포트폴리오가 필요한 취업준비생
4. 배우는 것들
- 개발환경설정, ionic 컴포넌트를 사용한 앱화면 구성, typescript를 통한 동작 코딩, cordova plugin(네이티브 플랫폼 기능) 사용하기,앱배포하기,푸쉬 메시지 완전 정복, 외부 결제 연동
- git(https://github.com/raceyi/Ionic2Samples/)을 통해 제공되는 34개의 실전 샘플
5. 지식공유자
kalenlee서강대학교 석사 S전자, willtech Intl, L전자 등 주로 제조업체에서 근무함. 최근 3년간 스타트업에서 웹서비스와 앱서비스 개발에 참여함. 현재 ionic2+(ionic3)로 책 출간 준비중이며 스타트업에서 앱서비스를 개발중입니다.
안녕하세요
유용한IT학습 입니다.
유용한IT학습 입니다.
커리큘럼
총 48 개
˙ 5시간 52분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Ionic2+ 소개
3 강
∙ 15분
섹션 1. 개발환경 및 프로젝트 생성/설정
9 강
∙ 1시간 3분
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
섹션 2. Typescript와 Angular
4 강
∙ 35분
Typescript
13:00
component동적 생성
06:00
style 동적 변경
10:00
provider
06:00
섹션 3. UI component와 Navigation
5 강
∙ 52분
ionic2+컴포넌트사용법
11:00
응용페이지구성
07:00
화면navigation
17:00
페이지간 패라미터 전달
07:00
menu+dialog+orientation
10:00
섹션 4. Theme설정하기
3 강
∙ 19분
theme적용
10:00
ion-grid
06:00
android-fragmentation
03:00
섹션 5. 서버와 통신
4 강
∙ 31분
get+post사용법
10:00
provider의사용
03:00
자동 로그인 구현하기
13:00
버전관리하기
05:00
섹션 6. 고급 component API 및 유용한 기술들
11 강
∙ 52분
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
섹션 7. Cordova plugin의 사용
7 강
∙ 1시간 4분
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
섹션 8. 앱빌드와 배포
2 강
∙ 21분
android앱릴리즈
미리보기
05:00
iOS앱릴리즈
16:00
강의 게시일 : 2017년 12월 28일
(마지막 업데이트일 : 2019년 02월 12일)
수강평
총 7개
수강생분들이 직접 작성하신 수강평입니다.
3.6
7개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
강좌의 흐름.
Ionic 을 최근에 접하면서, 지금의 강좌가 제일 적합하다고 판단을 하여 수강을 하고있습니다.
몇가지 해결되었으면 하는 내용이 있습니다.
1. 강좌의 흐름
> 동영상 짜집기(?) 의 문제일 수도 있지만, 강좌의 흐름이 중간중간 흐트러지는 걸 봤습니다.
> 한가지 예로, A 라는 내용으로 강좌를 하고있는데, B 라는 강좌로 갑자기 넘어가고 또다시 A 로 갑자기 넘어오는 경우입니다.
2. 음질
> 음량의 높낮이가 일정치 않습니다.
> 갑자기 낮아졌다가, 또 갑자기 높아집니다. 당장 해결되기는 쉽지 않겠지만, 보완 가능하다면 해결해주세요~ㅜ
그 밖에 나머지들은 상당히 좋은 강좌라고 생각합니다.
다만, 맥북 기반으로 프로그래밍을 하시다보니, 맥북을 가지고있지 않은 대부분의 수강생들이 CLI 명령어가 강좌의 명령어와 다릅니다.
이 부분도 영상 중간중간에 맥북의 명령어와 윈도우의 명령어를 껴서 보여줬으면 합니다.
한가지 예로, npm rm 명령어가 맥에서는 그냥 rm 으로 시작이 되지만, 윈도우에서는 npm rm 으로 명령어를 넣어야만이 실행이 됩니다.
아직 40% 정도의 수강을 하고있지만, 앞으로는 큰 도움이 될거라고 믿습니다.
2018-05-19
실무에 필요한 내용이 대부분 들어가 있습니다.
책이나 튜토리얼 찾와봐도 기본적인 내용이라
실무에 필요한거 찾으려면 서칭하면서 시간 소모가 많았었는데
강의 듣고 앱 개발에 필요한 실무에서 필요한 내용위주로 잘 담겨져 있어서 잘 수강 했습니다.
군더더기 없이 특히 필요했던 서버 연동 부분 이랑 특히 커스텀 플러그인 ,커스텀 컴포넌트는 유용했습니다.
빠른 시간안에 아이오닉 파악하려고 했던 시간 절약 많이 되었습니다.
좋은 강의 계속 부탁합니다.
2018-02-12