Thumbnail
개발 · 프로그래밍 웹 개발

Ionic PWA (프로그래시브 웹 앱) 만들기 대시보드

(5)
3개의 수강평 ∙  99명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 김철현
총 27개 수업 (5시간 3분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

중급자를 위해 준비한
[웹 개발] 강의입니다.

IONIC hybrid framework와 FIREBASE를 사용하여 요즘 한창 이슈가 되고 있는 PWA(Progressive Web app)을 구현해 봅니다.

Firebase와 Service-Worker를 사용하여 Ionic PWA 만들기

아이오닉3와 파이어베이스를 사용하여 요즘 한창 이슈가 되고 있는 PWA(Progressive Web app)을 구현해 봅니다. 실제 웹앱을 구현해보면서 앞으로 진화 될 PWA의 개념을 정립해보세요.

PWA란?

모바일 웹과 앱의 장점을 모두 취하려는 "앱 같은 웹"입니다. PWA는 서비스 작업자(service-worker)라는 새로운 API를 활용해서 웹앱의 중요한 부분을 캐싱하고 즉시 로딩이 가능하게 합니다. 그래서 모바일 웹이지만 푸시 알림도 보낼 수 있습니다. (참고) https://developers.google.com/web/progressive-web-apps/

PWA를 구현을 지원하는 다양한 프레임 워크가 있지만, Web/App Component들을 사용하고, 실행 가능한 service-worker를 내장하고 있으며, 다양한 내부 /외부 API를 사용할 수 있는 아이오닉 프레임 워크가 PWA를 구현하는데 있어서 가장 적합하다고 생각합니다. 현재 이를 이용한 다양한 PWA 관련 프로잭트가 진행 되고 있습니다. *Ionic에서는 아직 초기 버전이지만 자체적으로 개발한 PWA-toolkit를 제공하고 있습니다.

  도움이 되는 분들

  • 하이브리드 앱을 개발하고 싶은 분
  • PWA를 개발하고 싶으신 분
  • Ionic을 처음 접하는 초보자

  강의 특징

main feature

ionic 3 Firebase realtime Database CRUD/indexing Firebase Auth web push message Moment.js IOS/Android Building Modal ActionSheet infinite scroll Time Stemp response grid

개발 환경

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

안녕하세요
김철현 입니다.
김철현의 썸네일
커리큘럼 총 27 개 ˙ 5시간 3분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. News On
project setting 07:00
login 상태관리자 미리보기 16:00 theme scss 미리보기 02:00 binding / directive 미리보기 05:00
callback / async-await 11:00
firebase realtime database 14:00
HomePage Setting 17:00
ManagerPage 12:00
UserPage 13:00
CategoryPage 24:00
NewsPage Review 03:00
NewsPage 06:00
Modal 16:00
News Database - 1 10:00
News Database - 2 14:00
TimeStemp 18:00
Firebase database Index 03:00
Edit / Delete Database 18:00
Infinite Scroll 16:00
InAppBrowser 06:00
HomePage 06:00
Search 13:00
Android / Ios publishing 15:00
Web Publishing 15:00
Web Push Service Setting 09:00
Ionic Grid - Responsive 11:00
Review 03:00
강의 게시일 : 2018년 01월 25일 (마지막 업데이트일 : 2018년 06월 25일)
수강평 총 3개
수강생분들이 직접 작성하신 수강평입니다.
5
3개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
천주성 thumbnail
5
자바스크립트보다는 타입스크립트로 작성하는 아이오닉이 더 편하네요 강의가 기능 개발단위로 되어있어서 다른 것 개발할 때 모듈단위로 사용할 수 있을 것 같아요. 강의 감사합니다~
2018-11-28
박응신 thumbnail
5
강좌 너무 잘들었습니다 실용적인 강좌로 아이오닉에 대해 잘 배운거같습니다 IOS 안드로이드가 골치거리였는데 덕분에 해결된거같네요^^ 아! 수강하시려는 분들은 강사님 강좌중 아이오닉 이메일 인증 강의를(무료) 먼저 듣고 하시면 훨씬 좋을거같습니다
2018-03-16
이학종 thumbnail
5
ionic 과 PWA에 대하여 이해하기 쉽게 설명해주셨어요... PWA 개념과 ionic으로의 접근을 이해하기 쉽게 설명해주셨습니다. ionic에 관심이 많은데 다른 과정들도 많이 나오길 기대합니다. 감사합니다.
2019-01-16