Web notification

401 views
299 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
401
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web notification

  1. 1. Web Notification 전용우
  2. 2. 알림
  3. 3. • 기존의 알림 방식은 마크업으로 레이어를 보여주는 방식 • 브라우저에서 제공해주는 알림 API을 이용 • 좀 더 쉽게 개발자는 알림 기능을 사용할 수 있음 • 브라우저 마다 동작하는 방식은 제각각
  4. 4. 만약, 알림을 계속 준다면? • 반드시 사용자에게 알림을 받을지 승인을 받고 적용. • 사용자 이벤트로만 호출 가능. Notification.requestPermission(function(grant) { // default : 설정하지 않음 // denied : 거부 // granted : 허락 }); ! Notification.permission; //현재 권한 상태 확인
  5. 5. var noti = new Notification( "title",//필수 {//옵션 "body" :"body", //내용. "icon" : "icon.png", //아이콘 "tag" : "group" //tag가 같으면 알람으로 표현 } ); 알림을 주자!
  6. 6. 사용자 이벤트 이벤트명 발생 시점 show 알림이 보여질 때 close 알림이 닫혔을 때(close메서드 사용) click 알림을 클릭했을 때(알림이 닫힘) error 에러가 발생했을 때 noti.addEventListener(“show”,function(){…});
  7. 7. 메서드 메서드명 기능 close 알람을 닫음 noti.close();
  8. 8. 버그인듯, 버그아닌, 버그같은 너 • 알림을 클릭하면 알림이 닫히고 click이벤트가 발생함. • 그럼 close이벤트가 발생하는게 맞는가? • 일반적으론 발생하지 않지만 firefox os는 close이벤트 가 발생 • show이벤트의 발생시점? • Notification을 생성하는 것만으로 알림이 나타남. • 이벤트를 attach하기 전에 알림이 나타나지만, show이 벤트는 발생.
  9. 9. 감사합니다.

×