# Service Worker

17개의 포스트

서비스 워커로 네트워크 요청 가로채기

서비스 워커?! 서비스 워커는 웹 애플리케이션(브라우저)의 UI(메인) 스레드와 분리되어 독립된 Worker(워커) 스레드에서 실행시킬 수 있는 하나에 기술입니다. 그리고 화면 렌더링 작업을 담당하는 UI(메인) 스레드와 분리되어 별도의 워커 스레드에서 실행이 되어 화

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

Web Push | React + FCM 구현하기 (feat. pwa, service worker)

웹에서도 네이티브 앱처럼 푸시 알람을 받을 수 있습니다. 웹의 사용성을 네이티브 앱처럼 개선하기 위해서 나온 기술인 PWA(Progressive Web Application)을 활용하면 가능합니다.PWA는 Progressive Web Application으로, 웹이 웹

2022년 12월 2일
·
1개의 댓글
·
post-thumbnail

PWA

✏️ PWA란? > PWA는 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱입니다. MDN 공식문서에 있는 내용이다 웹개발을 통해 앱으로도 보여줄 수 있는 장점이 있으니 앱개발을 따로 하지 않아도 되고 푸시 알

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

MSW(Mock Service Worker) 간단 정리

최근 사내에서 진행한 주간 공유 세션에서 발표했던 MSW에 대해서 간단하게 정리해봤습니다.

2022년 10월 18일
·
0개의 댓글
·
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

페이지가 업데이트 될때마다 이전 캐시스토리지를 초기화 해줘야되는 문제들이 발생.이렇게 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개의 댓글
·