그랜파 개발자의 프론트엔드 공부

82. reboot - messaging.getToken개발을 계속 진행하면서 문제를 해결하기 위하여 여러 가지 질문을 하면서 개선을 해 봤지만 기능 구현에 실패했습니다. 로그 상으로 정상적으로 데이터를 넣었다고 생각을 하는데 FirebaseMessingError가 발생합니다. 미로에 빠졌습니다. 이때는 처음부터 새로 시작하는 것이 좋습니다.FCM 푸시 알림을 만들기 위해 ChatGPT에게 FCM 구현에 대해 질문을 했을 때 messaging.getToken()으로 Token을 받아 이것으로 알림을 요청할 수 있다는 답을 받았는데 오류에 대해 정밀하게 파악을 하지 않은 채로 다른 내용으로 이동하였습니다.messaging.getToken()으로 돌아와 다시 시작합니다.ChatGPT에게 물었습니다.Pleas..

81. 푸시 알림 보내기my-fcm 웹앱에서 Firebase Functions의 ‘'sendPushNotification' 함수를 호출하여 푸시 알림을 보내는 기능을 만들어 봅시다.ChatGPT에게 물었습니다.Create a function to send push notifications by calling sendPushNotification in the pwa web app made with Vue.vue로 만들어진 pwa 웹앱에서 sendPushNotification를 호출하여 푸시 알림을 보내는 기능을 만들어줘.ChatGPT To create a function that sends push notifications from a Progressive Web App (PWA) built with Vu..

80. sendMulticast(message)FCM 서비스에서 제공하는 메서드로서 토큰 배열을 사용하여 여러 장치에 동시에 푸시 알림을 보낼 수 있습니다.ChatGPT에게 물었습니다.admin.messaging().sendMulticast(message); please explain.admin.messaging().sendMulticast(message); 설명 해줘ChatGPT admin.messaging().sendMulticast(message) is a method provided by the Firebase Admin SDK, specifically in the Firebase Cloud Messaging (FCM) service. This method is used to send a push..

79. Firebase Functions구독자 정보 저장을 통하여 firestore에 푸시 알림 서비스를 받는 구독자의 정보를 저장하였습니다. Firebase Functions를 사용하여 Firestore에 저장된 구독자에게 푸시 알림을 보내는 기능을 구현합니다. FCM을 이용하여 알림을 보내는 기능은 Cloud 함수로 만들어야 합니다.ChatGPT에게 물었습니다.Create a function to send push messages to subscribers stored in firestore using firebase functions.firebase functions를 이용하여 firestore에 저장된 구독자에게 푸시 메시지를 보내는 기능을 만들어 줘.To send push notification..

78. Serverless - firebase functionsFCM으로 푸시 알림을 보내기 위해서는 서버에서 보내야 합니다. 우리는 별도의 서버 환경을 구축하는 대신 Backend 코드를 실행할 수 있는 Serverless 서비스인 firebase functions를 사용하여 푸시 알림을 전송하는 기능을 구현합니다.ChatGPT에게 물었습니다.Please explain firebase functions.firebase functions에 대해 설명해 줘.Firebase Functions, also known as Cloud Functions for Firebase, is a serverless framework that allows you to run backend code in response to ..

77. 구독자 정보 저장사용자가 푸시 알림을 구독하면 구독 정보를 Firestore에 저장합니다. 이렇게 저장된 구독자 정보를 이용하여 푸시 알림을 보낼 수 있습니다. 이들 구독자 정보를 Firestore에 저장하는 방법을 알아봅니다.ChatGPT에게 물었습니다.I want to store push notification subscriber information in firestore using vue.vue를 사용하여 firestore에 푸시 알림 구독자 정보를 저장하고 싶어.ChatGPT To store push notification subscriber information in Firestore using Vue.js, you'll need to combine Vue's frontend capab..

76. FCM 푸시 알림 서비스 기능 분석푸시 알림 서비스 필요 기능1. 푸시 알림 구독Notification : 푸시 알림 수신 승인Service Worker :푸시 알림을 받을 구독자 정보 생성푸시 알림 구독자 정보를 서버(Backend)에 전송푸시 알림 수신 및 표시2. 푸시 알림 보내기Backend에 푸시 알림 요청3. BackendClient의 Service Worker로부터 푸시 알림 구독자 정보를 받아 DB에 저장푸시 알림 요청을 받으면 Backend에서 FCM이 구독자에게 푸시 알림 보냄ChatGPT가 시키는 대로 했습니다.1. service-worker.js2. 서비스 워크 등록프로젝트 만들기를 통해 기본적으로 설치된 registerServiceWorker.js 사용3. src/notif..

75. 푸시 알림 구독ChatGPT 에게 FCM 기능 구현을 위해 질문을 하면서 알게된 몇가지를 정리하여 봅시다.앱이나 웹사이트에서 알림을 보내려면 사용자가 권한을 부여해야 합니다. 이는 일반적으로 Notification.requestPermission() 메서드를 사용하여 수행됩니다.웹 애플리케이션에서 푸시 알림은 서비스 워커를 사용하여 메시지를 수신하고 표시합니다.서비스 워커는 푸시 알림 구독 프로세스에 참여합니다. 사용자가 알림 수신에 동의하면 서비스 워커는 브라우저의 'PushManager'와 상호작용하여 구독 관리를 돕습니다사용자가 푸시 알림을 구독하는 데 사용되는 PushManager.subscribe() 메서드는 일반적으로 서비스 워커가 등록되고 준비되면 호출됩니다. 이 메서드는 엔드포인트,..

74. NotificationChatGPT에게 물었습니다.Notification please explain.Notification 설명해줘ChatGPTWhat is a Notification?알림이란 무엇인가요?A notification is a message that pops up on a user's device to provide them with information, even if they are not actively using the application that sends the notification. Notifications can be used to alert users about important updates, reminders, or messages. They are a key ..

73. Service WorkerChatGPT에게 물었습니다.Service Worker 설명해줘. ChatGPTService Worker는 웹 애플리케이션에서 백그라운드에서 실행되는 스크립트로, 웹 페이지와는 독립적으로 작동합니다. 이를 통해 브라우저가 열려 있지 않거나 해당 웹 페이지가 활성화되어 있지 않아도 특정 작업을 수행할 수 있습니다. Service Worker는 캐싱, 푸시 알림, 백그라운드 데이터 동기화 등 다양한 기능을 제공하며, 오프라인 환경에서도 웹 애플리케이션이 작동하도록 돕습니다.Service Worker의 주요 역할1. 네트워크 요청 가로채기 및 캐싱:캐싱 전략: Service Worker는 네트워크 요청을 가로채고, 이를 캐시에 저장하거나 캐시에서 데이터를 제공할 수 있습니다. ..