2024/10/29 4

44. mylog FCM backend

FCM을 보내기 위해서는 백엔드에서 전송하여야 합니다. 백엔드 로직을 사용하지만 이를 위하여 서버를 구축하지는 않습니다. Firebase Cloud Functions를 사용하여 FCM을 전송하려고 합니다.ChatGPT 에게 물었습니다.Create a function to send fcm to Firebase Cloud Functions.Firebase Cloud Functions로 fcm 을 보내는 기능을 만들어 줘.ChatGPT To send Firebase Cloud Messaging (FCM) notifications from Firebase Cloud Functions, you will use the Firebase Admin SDK. Firebase Cloud Functions allow you..

Vue로 PWA 개발 2024.10.29

43. mylog FCM (Firebase Cloud Messaging)

마이로그를 저장하면 구독자에게 알림을 보내려고 합니다. FCM(Firebase Cloud Messaging)을 이용하면 구독자에게 알림을 보낼 수 있습니다. FCM 서비스를 구현합니다.ChatGPT에게 물었습니다.I want to implement fcm service in v9.fcm 서비스를 v9 으로 구현하고 싶어.ChatGPT To implement Firebase Cloud Messaging (FCM) service in Firebase v9 (modular SDK), you'll follow a structured process for integrating push notifications in a web application. Here's a step-by-step guide on how t..

Vue로 PWA 개발 2024.10.29

42. mylog 독자

나를 구독하는 회원을 독자라 합니다. 독자는 메뉴 항목으로 나타납니다. 독자 메뉴를 누르면 나를 구독하는 회원의 목록을 나열합니다. 구독 회원의 목록에서 회원을 선택하면 해당 회원의 마이로그 모아보기로 이동합니다.1. 독자 2. src/views/ReadersView.vue 구독 신청을 하면 subscriptions 컬렉션에 문서가 추가 되는데 문서는 userId, authorId, createdAtt 필드를 가집니다. 나의 독자들은 subscriptions 컬렉션 문서의 authorId가 나의 id인 userId를 가진 회원들이 됩니다. 이들 userId로 users 컬렉션에서 회원의 정보 목록을 구하면 나의 독자 목록이 됩니다. 독자 목록을 선택하면 해당 독자의 마이로그를 볼 수 있는 UserMyLo..

Vue로 PWA 개발 2024.10.29

41. mylog 회원별 보기

마이로그 상세 보기 페이지 상단에 마이로그 저자의 마이로그 이름이 있습니다.이것을 누르면 회원의 마이로그 로 이동합니다. 이 페이지는 선택한 회원의 마이로그만 보여주는 페이지로 그 회원의 마이로그 홈이라 할 수 있습니다. 회원의 마이로그 목록에서 마이로그를 선택하면 다시 마이로그 상세 보기 페이지로 이동합니다. 회원의 마이로그 보기는 메뉴 항목에는 없습니다. 마이로그 상세 보기에서 저자의 마이로그 이름을 클릭하여 이동할 수 있습니다.1. MyLogView.vue 마이로그 보기에서 저자의 마이로그 이름을 클릭하면 저자의 id를 파라미터로 가지고 페이지로 이동합니다.goToUserMylogs(userId) { this.$router.push({ name: 'UserMyLogsView', params..

Vue로 PWA 개발 2024.10.29