Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
개발 · 프로그래밍

/

모바일 앱 개발

실무에 바로 적용하는 아이오닉 3 Tutorial

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

(3.3) 수강평 4개

수강생 120명

  • 김철현
IONIC

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

안녕하세요
입니다.

2,065

명

수강생

44

개

수강평

25

개

답변

4.9

점

강의 평점

3

개

강의

커리큘럼

전체

33개 ∙ (4시간 5분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

4개

3.3

4개의 수강평

  • woobyungdoo님의 프로필 이미지
    woobyungdoo

    수강평 1

    ∙

    평균 평점 5.0

    5

    33% 수강 후 작성

    There wasn't much explanation about the IONIC installation, so I did it on my own. There were a lot of changes between ionic3 and ionic4, such as the folder structure or the NavController Push event...The ionic framework docs are also quite different from the video...It would be good if those parts were updated. I paid for this lecture, but it's not easy to follow because the versions are different.

    • manitw28님의 프로필 이미지
      manitw28

      수강평 32

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      In one day - I like how you explained the necessary functions concisely without any miscellaneous explanations. I watched it all in one day. I think it's a decent level of lecture among Korean lectures related to the Ionic Framework.

      • ohss1221918610님의 프로필 이미지
        ohss1221918610

        수강평 2

        ∙

        평균 평점 3.0

        2

        100% 수강 후 작성

        The overall course difficulty and curriculum are okay. Since it is a tutorial course, the difficulty level should be at a level where beginners can get started without any problems, but there were more parts that were arbitrarily omitted than expected. The overall curriculum is good, but the instructor's voice was hoarse and the sound quality was not good because he smokes a lot. For those who are applying for this course, don't expect too much and just go with the level of Ionic being like this. Rather than a good lecture, it seems like they are teaching how to use Ionic documents.

        • ds122558님의 프로필 이미지
          ds122558

          수강평 1

          ∙

          평균 평점 1.0

          1

          100% 수강 후 작성

          A lecture that was not prepared at all. The voice was not audible.. It was a lecture that I felt like I had to listen to another lecture after listening to this one.

          비공개 강의로
          수강이 제한됩니다.
          비공개 강의

          김철현님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          Building an offline first web with Ionic강의 썸네일

          Building an offline first web with Ionic

          killkch0331

          In this lecture, we will create a simple phone book web using Ionic and CouchDB, which are currently the most optimized for PWA development, and explain how it can work offline through the construction process.

          중급이상

          중급이상

          IONIC, PWA

          Building an offline first web with Ionic강의 썸네일

          Building an offline first web with Ionic

          killkch0331

          Email/Password User Authentication using Ionic3+Firebase강의 썸네일

          Email/Password User Authentication using Ionic3+Firebase

          killkch0331

          Tutorial on creating email/password user authentication using Ionic 3 + firebase

          초급

          초급

          IONIC, Firebase

          Email/Password User Authentication using Ionic3+Firebase강의 썸네일

          Email/Password User Authentication using Ionic3+Firebase

          killkch0331

          My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

          My Location - Find my location information using ionic3 and Google Map Api

          killkch0331

          This ionic3 course is very helpful not only to developers with ionic development experience, but also to beginners without ionic development experience, as it provides comprehensive information on the overall ionic project structure and development methods.

          초급

          초급

          IONIC

          My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

          My Location - Find my location information using ionic3 and Google Map Api

          killkch0331

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!

          Ionic, Ionic 100-minute core lecture강의 썸네일

          Ionic, Ionic 100-minute core lecture

          nomad

          This course is based on Ionic and focuses on a simple but useful petlist project. It will help you develop practical mobile web app development skills in a short period of time.

          초급

          초급

          IONIC

          Ionic, Ionic 100-minute core lecture강의 썸네일

          Ionic, Ionic 100-minute core lecture

          nomad

          Introductory course from TypeScript to ionic6 (Angular-based)강의 썸네일

          Introductory course from TypeScript to ionic6 (Angular-based)

          nodeep777

          I recommend this to those who want to learn how to easily create and distribute Android apps, Windows apps, and iOS apps. We will teach you the basics of TypeScript rather than JavaScript and Angular!

          입문

          입문

          TypeScript, IONIC, Hybrid App

          Introductory course from TypeScript to ionic6 (Angular-based)강의 썸네일

          Introductory course from TypeScript to ionic6 (Angular-based)

          nodeep777

          [Mobile] Deep Learning Computer Vision Practical Project강의 썸네일

          [Mobile] Deep Learning Computer Vision Practical Project

          nomad

          AI Artificial Intelligence, it goes without saying that mobile is the trend. But how do you learn machine learning and deep learning and use them on mobile? Now, let's learn useful mobile Computer Vision projects that are used in daily life.

          중급이상

          중급이상

          IONIC, Machine Learning(ML), Deep Learning(DL)

          [Mobile] Deep Learning Computer Vision Practical Project강의 썸네일

          [Mobile] Deep Learning Computer Vision Practical Project

          nomad

          Ionic Overview, Completed as You Follow강의 썸네일

          Ionic Overview, Completed as You Follow

          padawanjoy2166

          Understand the overall development process of Ionic and learn how to develop the most used elements in mobile apps. This will allow you to develop your own hybrid mobile app efficiently.

          초급

          초급

          IONIC

          Ionic Overview, Completed as You Follow강의 썸네일

          Ionic Overview, Completed as You Follow

          padawanjoy2166

          TypeScript Basics for Ionic (ionic2) Development강의 썸네일

          TypeScript Basics for Ionic (ionic2) Development

          jeongmincha

          Let's learn Typescript as a preliminary step to learning Ionic2 Framework, one of the frameworks for developing hybrid apps.

          초급

          초급

          IONIC, TypeScript

          TypeScript Basics for Ionic (ionic2) Development강의 썸네일

          TypeScript Basics for Ionic (ionic2) Development

          jeongmincha