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

67. my-blog Source Code1. main.jsimport Vue from 'vue'import App from './App.vue'import './registerServiceWorker'import router from './router'import store from './store'import vuetify from './plugins/vuetify'import { auth } from '@/firebase';Vue.config.productionTip = falsenew Vue({ router, store, vuetify, render: h => h(App), created() { // Set up Firebase auth state change listener ..

my-blog Firestore Database CRUD1. 프로젝트1. 프로젝트 설정vue create my-blog? Please pick a preset: Manually select features? Check the features needed for your project: Babel, PWA, Router, Vuex? Choose a version of Vue.js that you want to start the project with 2.x? Use history mode for router? (Requires proper server setup for index fallback in production) Yes? Where do you prefer placing config for Bab..

65. PWA 웹앱 my-blogmy-blog 웹앱의 기본적인 기능이 구현되었습니다. 이제까지 개발해 온 웹앱의 개발을 정리하여 봅니다.1. 구조1. 로그인 전2. 로그인 후2. 페이지1. Home글들의 리스트를 보여 줍니다. 리스트에서 글을 선택하면 글 상세보기로 이동합니다.2. 글 상세 보기글쓴이의 블로그로 이동합니다.구독/구독취소 토글합니다.댓글을 씁니다.댓글을 삭제합니다. 삭제하기 위해서는 답글이 없어야 합니다.댓글에 대한 답글을 씁니다.답글을 삭제합니다.3. 나의 글내가 쓴 글들입니다.4. 글찾기검색어로 글을 찾을 수 있습니다.5. 구독내가 구독하는 글들입니다.6. 독자나를 구독하는 독자들입니다. 독자를 클릭하면 독자의 블로그로 이동합니다.7. 계정 정보

64. 나의 독자ChatGPT에게 물었습니다.I want to get a list of members who subscribe to me.나를 구독하는 회원의 리스트를 얻고 싶어.ChatGPT To get a list of members who subscribe to a specific user, you need to query the users collection in Firestore for all documents where the subscriptions array contains the user's UID. This requires setting up a query with Firestore's array-contains operator.특정 사용자를 구독하는 구성원 목록을 얻으려면 Firest..