# Service Worker

[PWA] 서비스 워커로 ‘오프라인 우선' 받아들이기
본 포스팅은 아래 링크의 만들면서 배우는 프로그레시브 웹 앱 책을 보며 공부한 내용을 스스로 정리한 것 입니다.만들면서 배우는 프로그레시브 웹 앱실습 코드는 포스팅 맨 아래 링크에 첨부해두었습니다.

[PWA] 서비스 워커의 생명 주기와 캐시 관리
본 포스팅은 아래 링크의 만들면서 배우는 프로그레시브 웹 앱 책을 보며 공부한 내용을 스스로 정리한 것 입니다.만들면서 배우는 프로그레시브 웹 앱이번 포스팅부터 사용할 실습 코드는 포스팅 맨 아래 링크에 첨부해두었습니다.

[PWA] CacheStorage API 사용하기
본 포스팅은 아래 링크의 만들면서 배우는 프로그레시브 웹 앱 책을 보며 공부한 내용을 스스로 정리한 것 입니다. CacheStorage API에 대해서 공부해보도록 하겠습니다.

[PWA] 서비스워커 사용해보기
본 포스팅은 아래 링크의 만들면서 배우는 프로그레시브 웹 앱 책을 보며 공부한 내용을 스스로 정리한 것 입니다. serviceworker를 사용해보도록 하겠습니다.
PWA 만들기
회사에서 업무상 필요한 사이트를 한눈에 볼 수 있도록 배치한 웹페이지를 만든 적 있다. 이 페이지는 PC보다는 핸드폰으로 볼 일이 더 많기 때문에, 이를 PWA로 간단히 만들어 배포해보았다!내가 만든 웹페이지가 PWA로 동작하기 위해서는 아래 3가지 요건을 모두 만족해
PWA
페이지가 업데이트 될때마다 이전 캐시스토리지를 초기화 해줘야되는 문제들이 발생.이렇게 index.html파일에서 실행을 시키고 worker.js파일을 구현. 그래서 캐싱할 파일을 지정하고 오프라인일때 나오는 페이지도 캐싱목록에 넣어서 지정했다.이렇게 캐시스토리지네임을
Service Worker
브라우저가 백그라운드에서 실행하는 스크립트.웹 페이지와는 별개로 동작한다.페이지나 사용자 상호작용이 필요없는 기능에 대한 문호 개방(푸쉬 알림, 백그라운드 동기화 등)PWA를 만들 때 주로 사용된다.해당 api가 오프라인 환경을 완벽하게 통제할 수 있는 권한을 개발자에

[Service Worker]
실제 웹/앱 서비스를 개발하다 보면, 사용자 입장에서 최적화된 UI/UX를 구현하기 위한 끊임없는 고민과 노력을 하게 됩니다. 어떻게 하면 사용자가(또는 고객이) 계속해서 우리 서비스를 만족하면서 지속적으로 사용하느냐가 굉장히 중요하기 때문입니다. 사실 UI/UX 최
Progressive Web App
웹 앱 : 모든 사람들, 모든 장소, 모든 디바이스에서 접속이 가능하다.플랫폼 네이티브 앱 : 하드웨어에 접근할 수 있고 기기 데이터와 상호작용할 수 있는 등 장치의 기능을 활용할 수 있다. 설치할 수 있으므로 오프라인에서도 동작한다.PWA (Progressive We
Web Worker와 Service Worker
브라우저는 자바스크립트를 실행하기 위해서 싱글 스레드를 사용하므로 거대한 자바스크립트 코드를 돌리면 메인 스레드가 block 되고 사용자 경험이 악화될 것이다. 앱에서 다중 스레딩 모델을 사용하는 것 처럼, 웹에서는 Worker를 사용해서 백그라운드 스레드에서 스크립트

👷♀️ 웹 노동자: Web Worker
서비스 워커리액트 워커웹 워커워커워커워커A Simple Introduction to Web Workers in JavaScript (https://medium.com/young-coder/a-simple-introduction-to-web-workers-in-

[Service Worker] Service Worker Register Failed : 404
Next.js + Express.js 조합에서 service worker 404 에러 발생