일타쌍피! Ionic 2 Framework를 학습하면 iOS, 안드로이드, Windows 플랫폼에서 동작하는 어플리케이션을 한 번에 개발할 수 있습니다.
본 강좌는 프로그래밍 입문자도 Ionic 2 Framework 를 접할 수 있도록 기초적인 부분 또한 다루려고 노력했으며, 개발을 하는 데 있어서 가장 중요한 documentation을 기준으로 수업이 진행됩니다.

※ 최신 버전의 Ionic Framework는 3버전으로 업그레이드 되었기 때문에 녹화 당시 코드와 현재 동작하는 코드가 일부 다를 수 있습니다. 제가 수업 시간에 추가로 작성하는 코드들에 대해서만 참고하시면 좋을 것 같습니다.

1. 강좌 소개

하이브리드 앱 개발을 위한 프레임워크인 아이오닉 2 (Ionic 2) Framework 를 학습하는 아이오닉 강좌 입니다.
서비스 개발을 위해 iOS, 안드로이드로 나눠진 두 모바일 플랫폼에 대한 어플리케이션을 전부 만들어야 하는 경우가 많습니다. 이 두 플랫폼을 각자 개발하는데는 많은 비용이 듭니다. 또한, 서비스 개발은 고객이 원하는 기능을 빠르게 추가해가면서 빠른 성장을 필요로 하는 경우가 많습니다. Ionic 2 Framework를 학습하면 iOS, 안드로이드, Windows 플랫폼에서 동작하는 어플리케이션을 한 번에 개발할 수 있으며, 이로 인해 개발 비용과 시간을 많이 아낄 수 있습니다.

본 강좌는 프로그래밍 입문자도 Ionic 2 Framework 를 접할 수 있도록 기초적인 부분 또한 다루려고 노력했으며, 개발을 하는 데 있어서 가장 중요한 documentation을 기준으로 수업이 진행됩니다. documentation에 정리되어 있는 components들을 하나하나 학습해나가면서 어플리케이션 개발을 빠르게 배울 수 있고, 이를 응용해 어플리케이션을 완성하는 능력을 배양하는 것이 강좌의 목표입니다.

– 웹 개발 경험이 있으면 학습하기에 용이합니다.
– 따라서, HTML, CSS, Javascript를 다뤄본 경험이 있는 분은 좀 더 쉽게 수업을 들으실 수 있습니다.
– 최대한 프로그래밍 기초적인 부분까지 다루려고 했기 때문에 섹션별로 필요한 부분만 들어도 좋습니다. 웹기술, AngularJS에 이미 익숙하고 프로그래밍 경험이 어느 정도 있으신 분들은 섹션 3부터 바로 수강하셔도 좋습니다.
참고자료
https://ionicframework.com/docs/v2/components/
https://ionicframework.com/docs/v2/api/
https://ionicframework.com/docs/v2/resources/

2. 도움되는 분들

  • 평소 아이폰, 안드로이드 앱 개발을 해보고 싶었던 분
  • 웹 기술의 기초 지식으로 어플리케이션 개발을 해보고 싶으셨던 분
  • 하이브리드 앱 개발로 개발 시간을 단축시키고 싶으신 분

3. 강조 특징

  • 다루는 기술 : AngularJS 2 , Typescript, Javascript, Ionic 2
  • 강좌 수준 : 입문~중급
  • 사전지식 : HTML, CSS, Javascript 의 기본적인 이해

4. 지식공유자 소개

차정민

한국과학기술원(KAIST) 전산학부 석사
한양대학교 컴퓨터공학 학사
네이티브 앱 개발을 주로 해왔으나, 최근에는 하이브리드 앱 개발 프레임워크를 이용한 외주 개발을 진행해오고 있습니다.
코딩 교육 학원에서 안드로이드, 자바, AP Computer Science 강의를 해왔습니다.

5. 연관된 강좌

강좌 평가

3.6

5 개의 수강평
  • 5 점2
  • 4 점1
  • 3 점1
  • 2 점0
  • 1 점1
  1. 정상구 정의 프로필 사진

    전혀 입문~중급 수준이 아닙니다.

    1

    기본적으로 맥OS 환경에서 설명하고요….. 간단히라도 원도우버전으로 설명 안해줍니다.
    그냥 html, js, css, php 등으로 간단한 로그인이나 게시판 만들어본 수준으로는 뭐라고 하는지 전혀 이해 안됩니다.
    어떨때는 “정말 생소한 내용”을 이미 당연히 안다고 가정하고 설명하고, 어떨때는 (초보자한테 맞춰줄려고 의식하는 건지) 아주 기본적인 것도 설명합니다. 말그대로 뒤죽박죽입니다.
    또 입문자가 어떤 용어를 알고 모르는지 전혀 감도 없는듯한 느낌입니다.
    이미 다양한 프레임워크로 고급 기능이 담긴 홈페이지를 여러번 만들어본 사람들이 “어, 아니오닉 좋다는데 나도 한번 써볼까?” 할 때 들을만한 강좌입니다.

    그리고 최근 아이오닉3가 나와 맞지 않는 부분도 있는데, 질문에 답변을 전혀 안하셔서 내용 보완이 전혀 안됩니다.

  2. Park Ji Yong의 프로필 사진

    업데이트가 기대됩니다.

    5

    ionic framework.com을 참고로 커리를 짰기 때문에 매우 이해도 있고 조직적인 강의인것 같습니다.

    다만 아쉬운 점 하나는 언제 업데이트를 할지 회원에게도 권한을 줘서 공지를 해주셨으면 합니다.

    감사합니다.

  3. Sung Joon Lee의 프로필 사진

    API위주의 친절한 강의설명

    3

    혼자 API를 통해 학습하기 조금 힘들었는데
    강의를 보면서 많은 도움을 받았습니다.
    따로 테스트 예제나 DB연동을 통해서 간단한 앱 만들기는 따로없는건가요?
    현재 완강한것으로 확인되고있는데 그부분은 조금 아쉽네요

  4. kije cho의 프로필 사진

    component 수업

    4

    전체적으로 component 활용법만 나와있는데… 앞으로도 계속 이어 나갈거죠?
    좀 더 실용적이고 DB 및 현업에 맞는 샘플강좌가 있으면 좋을 것 같습니다.
    많이 사용되는 프로젝트 만드는 것도 좋을 것 같습니다.

    유료 강의로써의 확실한 도움이 되는 많은 강좌 부탁드립니다.

    빠르게 많은 도움이 되었습니다.

  5. 이지호의 프로필 사진

    나머지도 기대됩니다!

    5

    모바일 앱을 개발해보려고 강의를 듣기 시작했는데 아이오닉2 하나로 한번에 iOS,안드로이드 등에서 바로 실행가능한 결과물이 나오니 신기하네요. 강사님이 설명도 잘해주셔서 이해하는데 어려움도 별로 없고 나머지 남은 강의들도 기대됩니다.
    앱 개발에 관심이 있다면 한 번 들어보면 많은 도움이 될 것 같습니다.

강좌 교육과정

섹션 0. 오리엔테이션
Orientation 미리보기 00:07:00
섹션 1. Ionic2 구성, 준비, 기초 이론
앱 개발을 위한 준비 00:06:00
프로젝트의 구성 미리보기 00:07:00
src/ 폴더의 구성 00:09:00
cordova란? Ionic framework의 구성 00:05:00
angular js2 and typescript 미리보기 00:06:00
섹션 2. Typescript 기본 배우기
Intro to Typescript 미리보기 00:06:00
변수 Variable 미리보기 00:07:00
함수 Function 미리보기 00:06:00
조건문 conditions 미리보기 00:05:00
반복문 loops 미리보기 00:07:00
오브젝트 objects 미리보기 00:04:00
인터페이스 Interfaces 미리보기 00:05:00
클래스 Classes 미리보기 00:06:00
콜백, 팝업 callback & popup 미리보기 00:06:00
섹션3. Component Documentation
프로젝트 만들기 미리보기 00:06:00
sidemenu 앱에서 페이지 추가하기 00:11:00
ActionSheets 00:14:00
Alerts 설명 00:14:00
Alerts 실습 미리보기 00:16:00
Buttons 설명 00:09:00
Buttons 실습 00:09:00
Cards 설명 00:09:00
Cards 실습 00:18:00
디자인 컴포넌트와 변수의 연결 – ngModel, ngI 00:06:00
Datetime 00:11:00
FABs (Floating Action Buttons) 00:08:00
Gestures, Grids, Icons 00:08:00
Inputs 설명 & 로그인 화면 실습 00:20:00
Inputs API & 실습 00:11:00
Lists 설명 미리보기 00:07:00
Lists 실습 1 – ngFor를 이용한 데이터 활용 00:12:00
Lists 실습 2 – 세부 페이지 00:13:00
Loading 설명 00:08:00
Loading 실습과 비동기작업을 위한 Promise 00:16:00
Menus를 이용한 양쪽 사이드 메뉴 구현 00:12:00
Modals 00:12:00
Popover 미리보기 00:15:00
Range 00:10:00
Searchbar 00:11:00
Segment (ngSwitch) & Select 00:06:00
Slides 00:19:00
Toasts 00:09:00
Toolbar 00:05:00

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

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

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