SNS 앱 예제로 배우는 프로그레시브 웹 앱

Chapter 01 시작하기
1.1 자바스크립트와 웹 기술의 발전
1.2 프로그레시브 웹 앱(PWA)이란?
1.3 네이티브 앱 vs 웹 앱 vs 하이브리드 앱 vs 프로그레시브 웹 앱

Chapter 02 실습을 위한 개발 환경 준비하기
2.1 Node.js 설치하기
2.2 Visual Studio Code 설치하기
2.3 실습 소스코드 준비하기

Chapter 03 프로그레시브 웹 앱이 되기 위한 준비
3.1 Paper 파악하기
3.2 Paper에 PWA 불어넣기

Chapter 04 PWA의 핵심, 서비스 워커
4.1 서비스 워커란?
4.2 서비스 워커 등록하기
4.3 서비스 워커의 기능 이벤트
4.4 서비스 워커에서 브라우저 요청 가로채기
4.5 서비스 워커의 생명주기
4.6 서비스 워커의 상태

Chapter 05 오프라인을 위한 캐시 스토리지
5.1 캐시 스토리지란?
5.2 웹 페이지 리소스 캐싱하기
5.3 캐시에서 응답하기
5.4 캐시 관리하기
5.5 다양한 캐싱 전략
5.6 오프라인 상태 알리기

Chapter 06 IndexedDB 사용하기
6.1 IndexedDB란?
6.2 데이터베이스 생성하기
6.3 객체 저장소 (ObjectStore)
6.4 트랜잭션 (Transaction)
6.5 Paper에 적용하기

Chapter 07 웹 앱 매니페스트 (Web App Manifest)
7.1 웹 앱 매니페스트란?
7.2 웹 앱 매니페스트 살펴보기
7.3 홈 화면에 Paper 설치하기

Chapter 08 Sync, 백그라운드 동기화
8.1 백그라운드 동기화 살펴보기
8.2 동기화 작업을 위한 저장소 만들기
8.3 백그라운드 동기화 기능 구현하기
8.4 백그라운드 동기화 개선하기

Chapter 09 서비스 워커와 클라이언트 간 메시지 주고받기
9.1 Paper의 문제 파악하기
9.2 서비스 워커에서 웹 페이지로 메시지 보내기
9.3 웹 페이지에서 서비스 워커로 메시지 보내기
9.4 메시지 채널을 통해 메시지 주고받기

Chapter 10 Push, 사용자에게 알림 보내기
10.1 푸시란?
10.2 웹 푸시 살펴보기
10.3 알림 API (Notification API)
10.4 푸시 알림 준비하기
10.5 푸시 알림 보내기
10.6 마무리하며

Chapter 11 부록
11.1 ES6 자바스크립트 맛보기
11.2 라이트하우스 (Lighthouse)
11.3 워크박스 (Workbox)