알고 있으면 너무 좋은 프론트엔드 웹 기술 : Notifications API
- Notifications API는 웹 표준 API로, 사용자에게 운영 체제 알림 시스템을 통해 알림을 보내는 기술입니다. 🔔
- 알림을 보내기 전에는 반드시 사용자에게 알림 권한을 요청하고 허가를 받아야 합니다. 🔑
- 사용자가 알림을 허용하면, 웹 페이지에서 알림을 보낼 수 있습니다. ✅
- 알림 클릭 시 특정 기능(예: 웹페이지 이동)을 실행하도록 설정할 수 있습니다. 🖱️
- 프로젝트 구성 시, 원하는 폴더를 만들고 VS Code에서 해당 폴더를 열어 시작합니다. 📁
- 웹 페이지 시작 시, 브라우저가 Notifications API를 지원하는지 확인하고 알림 권한을 요청합니다. 🌐
- 사용자가 알림 권한을 거부하면, 권한 설정을 재설정해야 다시 요청할 수 있습니다. ⚙️
- 알림 객체 생성 시 제목과 내용, 아이콘 등을 설정할 수 있습니다. 🖼️
- 알림 클릭 이벤트에 원하는 URL 연결 등의 동작을 추가하여 사용자 경험을 향상시킬 수 있습니다. 🚀
- 작업 완료 또는 서버로부터 중요한 정보 수신 시 알림을 활용하여 사용자에게 효과적으로 알릴 수 있습니다. 📣