(10일차) 프로그레시브 웹 앱 만들기 p279 ~ 329


(10일차) 프로그레시브 웹 앱 만들기 p279 ~ 329

뷰파이어 - 뷰 파이어는 뷰와 파이어베이스를 연결해 실시간 데이터 기반으로 동적인 웹 UI를 렌더링 해주는 데이터 바이닝 라이브러리 워크박스 플러그인 모드 이해 - Vue-CLI 에서 생성된 PWA 템플릿은 워크박스 라이버러리와 웹팩을 통합하여 사용 플러그인 모드 설명 GenerateSW 자동으로 생성되는 서비스 워커에 워크박스 옵션 지정 InjectManifest 서비스 워커에 자신의 코드를 직접 넣어 최종 서비스 워커 파일 생성 플러그인 모드 사용할 상황 한계 GenerateSW (기본값) - 프리캐시할 파일을 빠르게 지정해야 할 때 - 간단한 런타임 캐시가 필요할 때 - 서비스 워커에 코드를 넣어야 할 때 - 웹 푸시 알림을 사용할 때 InjectManifest - 서비스 워커에 자신의 코드를 넣어야 할 때 - 코드로 직접 프리캐시, 런타임 캐시를 지정하고 싶을 때 - 웹 푸시 알림을 사용하고 싶을 때 - 복잡할 수 있으므로 간단할 때는 GenerateSW가 적합 프리캐시 옵션...


#Cache_First #정규식 #뷰파이어 #런타임캐시 #urlPattern #Stale_while_revalidate #Network_only #Network_First #injectManifest #include #handler #generateSW #exclude #Cache_only #프리캐시

원문링크 : (10일차) 프로그레시브 웹 앱 만들기 p279 ~ 329