1. Web Notification
전용우

2. 알림

3. • 기존의 알림 방식은 마크업으로 레이어를 보여주는 방식
• 브라우저에서 제공해주는 알림 API을 이용
• 좀 더 쉽게 개발자는 알림 기능을 사용할 수 있음
• 브라우저 마다 동작하는 방식은 제각각

4. 만약, 알림을 계속 준다면?
• 반드시 사용자에게 알림을 받을지 승인을 받고 적용.
• 사용자 이벤트로만 호출 가능.
Notification.requestPermission(function(grant) {
// default : 설정하지 않음
// denied : 거부
// granted : 허락
});
!
Notification.permission; //현재 권한 상태 확인

5. var noti = new Notification(
"title",//필수
{//옵션
"body" :"body", //내용.
"icon" : "icon.png", //아이콘
"tag" : "group" //tag가 같으면 알람으로 표현
}
);
알림을 주자!

6. 사용자 이벤트
이벤트명 발생 시점
show 알림이 보여질 때
close 알림이 닫혔을 때(close메서드 사용)
click 알림을 클릭했을 때(알림이 닫힘)
error 에러가 발생했을 때
noti.addEventListener(“show”,function(){…});

7. 메서드
메서드명 기능
close 알람을 닫음
noti.close();

8. 버그인듯, 버그아닌, 버그같은 너
• 알림을 클릭하면 알림이 닫히고 click이벤트가 발생함.
• 그럼 close이벤트가 발생하는게 맞는가?
• 일반적으론 발생하지 않지만 firefox os는 close이벤트
가 발생
• show이벤트의 발생시점?
• Notification을 생성하는 것만으로 알림이 나타남.
• 이벤트를 attach하기 전에 알림이 나타나지만, show이
벤트는 발생.

9. 감사합니다.