PWA 시작하기 - 웹 기술로 앱을 만들자

기간: 무제한

진도율 : 0강/36강 (0%) | 시간 : 0분/209분 0%

강의소개
강의 소개
개발 환경 안내
깃헙 비공개 리포지토리 안내
PWA 소개
PWA 소개
PWA 등장 배경
PWA 특징
PWA 적용 사례
PWA 제작 기술
PWA 지원 브라우저
웹 앱 매니페스트 구성하기
웹 앱 매니페스트 파일 소개
웹 앱 매니페스트 파일 생성 및 등록
웹 앱 매니페스트 앱 아이콘, 런치 이미지
웹 앱 매니페스트 시작 주소, 화면 형태
웹 앱 매니페스트 테마색, 화면 방향
웹 앱 매니페스트 인스톨 배너 소개, 조건
웹 앱 매니페스트 인스톨 배너 디버깅, 사용자 조사 우회 방법
웹 앱 매니페스트 정리 및 트위터 소스 확인
서비스 워커로 오프라인 웹 앱 제작하기
서비스 워커 수업 개요, 오프라인 웹 시연
서비스 워커 정의, 자바스크립트와 워커의 차이점
서비스 워커 특징 8가지
서비스 워커 배경
서비스 워커 등록과 Promise 이해
서비스 워커 설치 - install 이벤트와 self
서비스 워커 설치 - 파일 캐싱과 디버깅시 주의 사항
서비스 워커 설치 - 파일 캐싱 에러 처리 요령
실습 브랜치 안내
서비스 워커 네트워크 요청 - fetch 이벤트 구현 및 동작 확인
서비스 워커 네트워크 요청 - 캐싱할 파일 추가 및 캐시 스토리지 디버깅 요령
서비스 워커 활성화 - activate 이벤트 설명
서비스 워커 활성화 - activate 이벤트 구현 및 자바스크립트 map(), indexOf()
서비스 워커 라이프 사이클
PWA 보조 라이브러리
PWA 보조 라이브러리 소개
PWA 보조 라이브러리 실습
웹팩 PWA 플러그인 소개
sw-precaching 웹팩 플러그인 실습
마무리 및 수업 정리

PWA 소개

참고 링크

2017 Google I/O PWA 시연 영상 링크