하이브리드 앱개발 플랫폼인 ionic3를 학습하기 위한 강좌로 개발환경설정에서 앱릴리즈까지를 포함합니다.

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)로 책 출간 준비중이며 스타트업에서 앱서비스를 개발중입니다.

강좌 평가

3.6

7 개의 수강평
  • 5 점3
  • 4 점1
  • 3 점1
  • 2 점1
  • 1 점1
  1. alpq5661의 프로필 사진

    강좌의 흐름.

    4

    Ionic 을 최근에 접하면서, 지금의 강좌가 제일 적합하다고 판단을 하여 수강을 하고있습니다.

    몇가지 해결되었으면 하는 내용이 있습니다.

    1. 강좌의 흐름
    > 동영상 짜집기(?) 의 문제일 수도 있지만, 강좌의 흐름이 중간중간 흐트러지는 걸 봤습니다.
    > 한가지 예로, A 라는 내용으로 강좌를 하고있는데, B 라는 강좌로 갑자기 넘어가고 또다시 A 로 갑자기 넘어오는 경우입니다.

    2. 음질
    > 음량의 높낮이가 일정치 않습니다.
    > 갑자기 낮아졌다가, 또 갑자기 높아집니다. 당장 해결되기는 쉽지 않겠지만, 보완 가능하다면 해결해주세요~ㅜ

    그 밖에 나머지들은 상당히 좋은 강좌라고 생각합니다.
    다만, 맥북 기반으로 프로그래밍을 하시다보니, 맥북을 가지고있지 않은 대부분의 수강생들이 CLI 명령어가 강좌의 명령어와 다릅니다.
    이 부분도 영상 중간중간에 맥북의 명령어와 윈도우의 명령어를 껴서 보여줬으면 합니다.

    한가지 예로, npm rm 명령어가 맥에서는 그냥 rm 으로 시작이 되지만, 윈도우에서는 npm rm 으로 명령어를 넣어야만이 실행이 됩니다.

    아직 40% 정도의 수강을 하고있지만, 앞으로는 큰 도움이 될거라고 믿습니다.

  2. Kyunghwan Yang의 프로필 사진

    아이오닉으로 개발하기 난감했는데..

    5

    이 강좌 덕분에 많은 부분 알아갑니다.

  3. temm의 프로필 사진

    아쉬움이 많네요.

    2

    내용을 떠나서 강좌 자체가 편집이 너무 흐름에 안맞게 되어있는 것 같아요.

    강좌를 보면서 자연스럽게 따라 갈 수 있었으면 좋겠는데,
    편집 흐름이 너무 달라서, 일시정지 했다가 다시 재생해서 하고 그런것들이 너무 많고
    생략되는 정보는 결국 github가서 확인해서야 알 수 있는 게 많네요.

    변경 된 정보는 강의 시작화면 마다 보여주시면 좋겠어요.
    다하고나서 왜 안되지 하면 뒤에서 나올때 너무 당황스럽네요.

    유료강의인데 여러가지로 아쉬운게 많습니다.

  4. HwangGi Park의 프로필 사진

    실무에 필요한 내용이 대부분 들어가 있습니다.

    5

    책이나 튜토리얼 찾와봐도 기본적인 내용이라
    실무에 필요한거 찾으려면 서칭하면서 시간 소모가 많았었는데
    강의 듣고 앱 개발에 필요한 실무에서 필요한 내용위주로 잘 담겨져 있어서 잘 수강 했습니다.
    군더더기 없이 특히 필요했던 서버 연동 부분 이랑 특히 커스텀 플러그인 ,커스텀 컴포넌트는 유용했습니다.
    빠른 시간안에 아이오닉 파악하려고 했던 시간 절약 많이 되었습니다.
    좋은 강의 계속 부탁합니다.

  5. Seonghwan Noh의 프로필 사진

    ionic 기본 배울 때 최고!!

    5

    하이브리드 앱 개발이 요즘 대세라서 ionic을 배워 볼려는데 국내에는 교육하는 곳이 없어서 독학으로 하려니 참 힘들었어요.
    그런데 이 교육을 보고 앱 개발하여 출시 가능한 수준까지 끌어 올릴 수 있게 되었습니다!
    기본부터 실무까지 정말 도움 많이 되는 내용으로 이루어져 있네요.

강좌 교육과정

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

우리는 성장기회의 평등 을 추구합니다.

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

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