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

85. Token을 firestore에 저장하기다음과 같은 과정을 거처 푸시 알림 서비스를 개발합니다.알림 수신 허가를 받고 Token 얻기Token을 firestore에 저장하기firebase functions cloud 함수를 이용하여 알림 보내기웹앱에서 알림을 받아 나타내기ChatGPT에게 물었습니다.Create a function to save tokens in firestore.Token을 firestore에 저장하는 기능을 만들어 줘.ChatGPT Here’s how to create a function to save Firebase Cloud Messaging (FCM) tokens in Firestore using JavaScript or TypeScript. This function ca..

84. FCM - getToken다음과 같은 과정을 거처 푸시 알림 서비스를 개발합니다.알림 수신 허가를 받고 Token 얻기Token을 firestore에 저장하기firebase functions cloud 함수를 사용하여 알림 보내기웹앱에서 알림을 받아 화면에 나타내기ChatGPT에게 물었습니다.Receive permission to receive notifications and obtain a token.알림 수신 허가를 받고 Token를 얻어줘.ChatGPT To receive permission to send notifications and obtain a Firebase Cloud Messaging (FCM) token in a Vue.js application, follow these ste..

83. messaging.getToken과 pushManager.subscribe의 차이점messaging.getToken과 pushManager.subscribe의 차이점이 뭘까요? messaging.getToken은 Firebase 클라우드 메시징의 일부이고, pushManager.subscribe는 브라우저에서 제공하는 하위 수준 API라고 합니다. 이것을 구분하지 못해 미로에 갇힌 것 같습니다.ChatGPT에게 물었습니다.What is the difference from registration.pushManager.subscribe?registration.pushManager.subscribe 와의 차이점은?ChatGPT Both messaging.getToken from Firebase Clou..

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..