유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

알고 있으면 너무 좋은 프론트엔드 웹 기술 : Notifications API

GIS DEVELOPER

2025. 8. 14.

0

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

Recommanded Videos