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

ReadersView.vue 나의 독자들 0"> {{ reader.username }} {{ reader.email }}

Vue로 PWA 개발 - 그랜파 개발자Vue 프로젝트 Beta Test : mylog, 일상의 기록개발이 진행됨에 따라 소스 코드를 계속 추가해 갑니다.mylog 쓰기 개선카테고리가 생겼으니 마이로그 쓰기를 수정해야 합니다.마이로그를 쓸 때 카테고리를 선택하고, 저장할 때 카테고리를 포함하여 저장하도록 수정하겠습니다.카테고리 보이기, 저장 . . . . . . . . . 카테고리 로드// src/store/modules/mylogs.jsasync fetchCategories({ commit }, userId) { if (!userId) return; try { // 사용자 ID로 필터링된 카테고리 가져오기 const q = q..

Vue로 PWA 개발 - 그랜파 개발자. ChatGPT의 PWA 예제의 소스 코드로 ChatGPT의 Router 예제와 PWA 예제를 병합하였습니다.예제 소스 코드의 경우 ChatGPT가 제공한 코드와 직접 코딩한 코드에 차이가 있을 수 있습니다. 실행하는 과정에서 맞지 않는 코드들은 수정하여 실행하도록 하였습니다.프로젝트가 진행되면 소스 코드는 계속 추가될 것입니다.src/firebase.js// src/firebase.jsimport { initializeApp } from "firebase/app";import { getFirestore, collection, getDocs, query } from "firebase/firestore";const firebaseConfig = { apiKey: p..