만들면서 배우는 프로그레시브 웹 앱: 사용자 경험을 극대화하는 차세대 웹 앱 기술

232 - 프로그레시브 웹 앱

7.5

정리

백그라운드 동기화는 모던 프로그레시브 웹 앱을 구성하는 가장 중요한 부분 중

하나입니다. 백그라운드 동기화는 사용자에게 직접적으로 드러나는 것은 아니지

만,

UX

에 있어 절대 필수적인 기술 중 하나입니다.

앱에 백그라운드 동기화를 추가할 때 다음 두 가지 어려움을 마주할 수 있습니다.

첫 번째 어려움은 페이지에서 서비스 워커로 로직을 이동시키는 문제입니다

(

실행

하기 위해 필요한 모든 데이터와 함께

)

. 이 부분은 이번 장에서 다루었습니다.

두 번째 어려움은 백그라운드 동기화 이벤트의 결과를 페이지와 사용자에게 다시

전달할 때 발생합니다. 백그라운드 동기화 작업 결과에 따라 페이지 내용을 바꾸

고 싶을 때가 있습니다

(

예. 메시지가 전송되었거나 ‘좋아요’가 표시가 된 포스트의 시각적 표

시

)

. 서비스 워커는 페이지 윈도우에 직접 접근이 불가능하기 때문에, 서비스 워커

에서 작업의 결과를 다시 페이지로 전송할 방법이 필요합니다. 이어질

8

장에서 서

비스 워커와 페이지 사이에 메시지를 포스팅함으로써 이를 해결하는 방법을 살펴

볼 것입니다.

하지만 또 다른 흥미로운 문제도 동반됩니다. 동기화 이벤트가 성공했을 때 사용

자가 이미 사이트를 떠나 있다면 어떻게 될까요? 동기화 이벤트가 성공했다는 것

을 사용자가 어떻게 알 수 있을까요? 나중에 ...