아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기
이번 강의에서는 현재 PWA 개발에 가장 최적화되어 있는 ionic과 CouchDB를 사용하여 간단한 전화번호부 웹을 만들고, 구축 과정을 통하여 어떠한 방식으로 오프라인에서 동작가능한지 설명을 해 드립니다.
중급자를 위해 준비한
[웹 개발] 강의입니다.
이런 걸
배워요!
오프라인 퍼스트 웹 개발
Ionic 프레임워크 사용법
CouchDB와 PouchDB를 이용한 데이터 동기화
서비스 워커 설정 및 관리
실시간 데이터 변경 감지 및 에러 처리
Lighthouse를 이용한 성능 평가
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) 을 거쳐 현재 프리랜서/컨설턴트로 활동중
이런 분들께
추천드려요!
학습 대상은
누구일까요?
웹 개발 초보자
오프라인 기능이 필요한 웹 애플리케이션을 만들고 싶은 사람
Ionic 프레임워크에 관심 있는 개발자
NoSQL 데이터베이스를 배우고 싶은 사람
실습 중심의 학습을 선호하는 사람
커리큘럼
전체
14개 ∙ (2시간 30분)
강의 소개
13: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