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

284 - 프로그레시브 웹 앱

개의 새로운 메시지가 있습니다”와 같이 기존 알림 내용을 업데이트하는 것이

더 좋습니다.

다음 코드는 매 초마다 다른 내용을 갖는 신규 알림이 조용히 업데이트되는 알

림 생성 코드입니다. 카운터를 사용해 효과적으로 다른 내용을 갖는 알림을 만

들 수 있습니다.

navigator

.

serviceWorker

.

ready

.

then

(

function

(

registration

)

{

var count

=

1

;

var createNotification

=

function

()

{

registration

.

showNotification

("

Counter

",

{

body

:

count

,

tag

:

"

counter

-

notification

"

});

count

+=

1

;

};

setInterval

(

createNotification

,

1000

);

});

태그를 제거하거나, 매번 태그를 변경하려는 경우, 브라우저는 여러 개의 알림을

생성합니다.

renotify

방금 보았듯이 기존 알림을 업데이트하기 위해 같은 태그를 사용한다면, 새 알

림은 조용히 예전 알림과 교체될 것입니다.

renotify

를

true

로 설정하여, 새

알림으로 교체할 때, 한 번 더 사용자 관심을 끌 수 있습니다

(

모바일 기기에서는

핸드폰을 다시 한 번 진동시킵니다

)

.

data

알림과 함께 전송할 데이터를 ...