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

store/modules/fcm.js// src/store/modules/fcm.jsimport { messaging } from '@/firebase';import { getToken } from "firebase/messaging";import { db, collection, doc, setDoc, getDoc, updateDoc, deleteDoc, arrayUnion } from "@/firebase";const state = { isGranted: false, isLoading: false, error: null};const mutations = { setGranted(state, isGranted) { state.isGranted = isGranted; }, setError(s..

store/modules/auth.js// src/store/modules/auth.jsimport router from '@/router'; // Vue Router importimport { auth, db, collection, doc, getDocs, addDoc, updateDoc, arrayUnion, query, where } from "@/firebase";import { createUserWithEmailAndPassword, signInWithEmailAndPassword, onAuthStateChanged, sendPasswordResetEmail, EmailAuthProvider, reauthenticateWithCredential, updatePassword, GoogleAu..

store/index.js// src/store/index.jsimport Vue from 'vue';import Vuex from 'vuex';import auth from './modules/auth';import mylogs from './modules/mylogs';import fcm from './modules/fcm';Vue.use(Vuex);export default new Vuex.Store({ modules: { auth, mylogs, fcm }});

Vue로 PWA 개발 - 그랜파 개발자.인터넷을 검색을 통하여 이런 저런 예제를 찾아 직접 하나하나 코딩을 하면서 공부를 할 때는 모두가 이해가 되고 아는 것 같습니다. 그러나 얼마간의 시간이 흐르고 보지 않고 직접 코딩을 하려고 시도를 하면 막연합니다. 코딩의 실마리가 잘 풀리지 않습니다. 이때 예전에 공부한 내용을 찾게 됩니다. 이렇게 찾아서 내가 의도한 코딩을 하게 된다면 이때는 안다고 할 수 있습니다.공부한 것을 모아 두는 것이 필요한 이유입니다. 공부를 하면서 공부한 내용을 이해했는지 알아 볼 수 있는 가장 좋은 방법은 다른 사람에 설명을 하는 것입니다. 설명을 잘 하면 나는 그것을 이해한 것입니다. 막상 설명을 하려니 생각이 꼬이면 나는 아직 그것을 이해 하지 못한 것입니다. 이해를 하지 못하..