Feat: 브라우저 푸시 알림 기능 추가

[HiimKwak]

작업 내용

• 브라우저 푸시 알림 기능 추가
  • 서비스워커 등록 및 Firebase 토큰 get 로직 추가
  • 토큰 발급 시 서버에 post
  • 백그라운드 상태에서 동작하는 eventListener들 추가

참고 자료

• Push API 공식 문서 대거 참고

  • NotificationEvent type

  • PushMessageData type

  • clients.openWindow(url) method

  • openWindow(url) best practice

  • skipWaiting() method

  • skipWaiting() 관련 github issues

  • Firebase 공식문서 : 백그라운드 앱에 테스트 메시지 보내기

  • Firebase 공식문서 : 웹 앱이 백그라운드 상태일 때 메시지 처리

  • Medium 베이스 코드(best practice)

  • 스택오버플로우 참고 코드

  • Velog 참고 코드

  • declare const self: ServiceWorkerGlobalScope(하지만 안썼음)

기타 사항

• 아직 테스트 안해봐서 추후 수정 필요

[leehjhjhj]

수고하셨습니다. 제발 되기를..