# Service Worker

14개의 포스트
post-thumbnail

[PWA] 서비스 워커로 ‘오프라인 우선' 받아들이기

본 포스팅은 아래 링크의 만들면서 배우는 프로그레시브 웹 앱 책을 보며 공부한 내용을 스스로 정리한 것 입니다.만들면서 배우는 프로그레시브 웹 앱실습 코드는 포스팅 맨 아래 링크에 첨부해두었습니다.

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

[PWA] 서비스 워커의 생명 주기와 캐시 관리

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

2022년 7월 14일
·
2개의 댓글
·
post-thumbnail

[PWA] CacheStorage API 사용하기

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

2022년 7월 9일
·
1개의 댓글
·
post-thumbnail

[PWA] 서비스워커 사용해보기

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

2022년 7월 6일
·
0개의 댓글
·

PWA 만들기

회사에서 업무상 필요한 사이트를 한눈에 볼 수 있도록 배치한 웹페이지를 만든 적 있다. 이 페이지는 PC보다는 핸드폰으로 볼 일이 더 많기 때문에, 이를 PWA로 간단히 만들어 배포해보았다!내가 만든 웹페이지가 PWA로 동작하기 위해서는 아래 3가지 요건을 모두 만족해

2022년 6월 17일
·
0개의 댓글
·

PWA

페이지가 업데이트 될때마다 이전 캐시스토리지를 초기화 해줘야되는 문제들이 발생.이렇게 index.html파일에서 실행을 시키고 worker.js파일을 구현. 그래서 캐싱할 파일을 지정하고 오프라인일때 나오는 페이지도 캐싱목록에 넣어서 지정했다.이렇게 캐시스토리지네임을

2021년 9월 4일
·
0개의 댓글
·

실전 프로젝트 - 8

pwa, service-worker, redux-persist, sentry 적용

2021년 8월 31일
·
0개의 댓글
·

Service Worker

브라우저가 백그라운드에서 실행하는 스크립트.웹 페이지와는 별개로 동작한다.페이지나 사용자 상호작용이 필요없는 기능에 대한 문호 개방(푸쉬 알림, 백그라운드 동기화 등)PWA를 만들 때 주로 사용된다.해당 api가 오프라인 환경을 완벽하게 통제할 수 있는 권한을 개발자에

2021년 8월 24일
·
0개의 댓글
·
post-thumbnail

[Service Worker]

실제 웹/앱 서비스를 개발하다 보면, 사용자 입장에서 최적화된 UI/UX를 구현하기 위한 끊임없는 고민과 노력을 하게 됩니다. 어떻게 하면 사용자가(또는 고객이) 계속해서 우리 서비스를 만족하면서 지속적으로 사용하느냐가 굉장히 중요하기 때문입니다. 사실 UI/UX 최

2021년 4월 23일
·
0개의 댓글
·

Progressive Web App

웹 앱 : 모든 사람들, 모든 장소, 모든 디바이스에서 접속이 가능하다.플랫폼 네이티브 앱 : 하드웨어에 접근할 수 있고 기기 데이터와 상호작용할 수 있는 등 장치의 기능을 활용할 수 있다. 설치할 수 있으므로 오프라인에서도 동작한다.PWA (Progressive We

2021년 3월 13일
·
0개의 댓글
·

Web Worker와 Service Worker

브라우저는 자바스크립트를 실행하기 위해서 싱글 스레드를 사용하므로 거대한 자바스크립트 코드를 돌리면 메인 스레드가 block 되고 사용자 경험이 악화될 것이다. 앱에서 다중 스레딩 모델을 사용하는 것 처럼, 웹에서는 Worker를 사용해서 백그라운드 스레드에서 스크립트

2021년 3월 9일
·
0개의 댓글
·
post-thumbnail

👷‍♀️ 웹 노동자: Web Worker

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

2020년 9월 10일
·
0개의 댓글
·
post-thumbnail

[Service Worker] Service Worker Register Failed : 404

Next.js + Express.js 조합에서 service worker 404 에러 발생

2020년 6월 23일
·
0개의 댓글
·