개발 · 프로그래밍

웹 개발

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

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

이번 강의에서는 현재 PWA 개발에 가장 최적화되어 있는 ionic과 CouchDB를 사용하여 간단한 전화번호부 웹을 만들고, 구축 과정을 통하여 어떠한 방식으로 오프라인에서 동작가능한지 설명을 해 드립니다.

(5.0) 수강평 1개

수강생 17명

김철현

IONIC PWA

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

이런 걸 배울 수 있어요

오프라인 퍼스트 웹 개발
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 데이터베이스를 배우고 싶은 사람
실습 중심의 학습을 선호하는 사람

안녕하세요
김철현입니다.

2,057

명

수강생

개

수강평

개

답변

4.9

점

강의 평점

개

강의

커리큘럼

전체

14개 ∙ (2시간 30분)

섹션 1. Intro

1개 ∙ (13분)

1. 강의 소개
13:00

섹션 2. DB

3개 ∙ (27분)

2. CouchDB
18:00
3. PouchDB
03:00
4. review
06:00

섹션 3. Project

8개 ∙ (1시간 47분)

5. Project setting
12:00
6. Database Sync
05:00
7. Addpage
13:00
8. post data
23:00
9. read_data
20:00
10. edit delete database
17:00
11. changes
11:00
12. sync Offline First
06:00

섹션 4. Wrap-up

2개 ∙ (3분)

강의 게시일: 2018. 02. 22.

마지막 업데이트일: 2025. 05. 19.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!