아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기

아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기

(1개의 수강평)

14명의 수강생
22,000원
지식공유자 · 김철현
14회 수업 · 총 2시간 30분 수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 '활용'

Ionic + CouchDb + PouchDb = Offline first Web 만들기

이번 강의에서는 현재 PWA 개발에 가장 최적화되어 있는 ionic과 CouchDB를 사용하여 간단한 전화번호부 웹을 만들고, 구축 과정을 통하여 어떠한 방식으로 오프라인에서 동작가능한지 설명을 해 드립니다. PWA(Progressive Web App)의 개념이 Web 개발 방법론으로 요즘 한참 관심을 끌고 있습니다. PWA의 개념을 구성하는 중요한 요소중의 하나가  network dependency 입니다. 즉, Network 상태와  상관없이 웹 서비스를 제공할 수 있어야 한다는 말인데, 이러한 서비스를 가능하게 지원하는 것이 Service-Worker와 오프라인 기능을 지원하는 데이타베이스 입니다.

ionic project에서 기본적으로 제공하는 Service-Worker 기능과 CouchDB, PouchDB가 제공하는 자동 동기화 기능을 사용하여 개발자들은 Offline 에서도 서비스가 가능한 'offline first web'을 만들 수 있습니다.

main feature

  • ionic 3
  • CouchDB
  • PouchDB
  • Offline First Web
  • PWA

 도움이 되는 분들

  • PWA(Progressive Web App) 개발에 관심이 있는 개발자
  • Ionic을 처음 접하는 초보자
  • Offline에사 사용 가능한 web을 만들고 싶은 개발자
  • CouchDB,PouchDb 를 처음 접하는 개발자

개발 환경

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

교육과정

모두 펼치기 14 강의 2시간 30분
섹션 0. Intro
1 강의 13 : 00
섹션 1. DB
3 강의 27 : 00
CouchDB
18 : 00
PouchDB
03 : 00
review
06 : 00
섹션 2. Project
8 강의 107 : 00
Project setting
12 : 00
Database Sync
05 : 00
Addpage
13 : 00
post data
23 : 00
read_data
20 : 00
edit delete database
17 : 00
changes
11 : 00
sync Offline First
06 : 00
섹션 3. Wrap-up
2 강의 03 : 00
bonus - LightHouse
03 : 00
첨부 파일

공개 일자

2018년 2월 23일 (마지막 업데이트 일자 : 2018년 6월 25일)

수강 후기

5.0
1개의 수강평
MVoth 2018.03.20
좋은 강의 감사합니다 .
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스