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

router/index.js// src/router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import store from '../store';import HomeView from '../views/HomeView.vue'import LoginView from '../views/LoginView.vue'import RegisterView from '../views/RegisterView.vue'import ProfileView from '../views/ProfileView.vue'import WriteMyLogView from '../views/WriteMyLogView.vue'import EditMyLogView from '....

Vue로 PWA 개발 - 그랜파 개발자Vue 프로젝트 Beta Test : mylog, 일상의 기록개발이 진행됨에 따라 소스 코드를 계속 추가해 갑니다. 마이로그 계정 만들기는 먼저 이메일과 비밀번호로 구글 계정을 생성하고, 구글 계정을 생성할 때 구글로 부터 받은 uid를 uids에 저장한 후 마이로그의 users 컬렉션에 계정 만들기에서 입력한 사용자 정보를 저장합니다. 그러므로 마이로그는 users 컬렉션에 사용자의 비밀번호를 저장하지 않습니다. 1. 계정 등록 항목 마이로그 계정 만들기 항목들입니다.이름 : 회원의 이름입니다. 별명을 등록해도 됩니다.마이로그 이름 : 회원만의 마이로그를 모아볼 때 회원의 마이로그 이름을 나타냅니다. 회원별 서브홈의 이름입니다.이메일 : 회원의 id로 사용합니다.비..

Vue로 PWA 개발 - 그랜파 개발자. ‘집에 가자.’ 앱을 말로 짜 봅시다.  현재의 나의 위치는 어디인가? 집의 위치는 현재 나의 위치에서 어디로 얼마나 떨어져 있나? 집에 가기 위해서는 어떤 경로를 거쳐야 하는가? 아파트 로비에 도착하면 비밀번호는 무엇이고 어떻게 입력을 해야 하는가? 엘리베이터는 어떻게 타고 몇층에 내려야 하는가? 집의 호수는 어떻게 되는가? 문을 열기 위해서는 어떻게 해야 하는가? 위의 과정을 프로그램 언어로 코딩을 해야 합니다. 이런 것을 프로그램적인 사고라 하던가요?  그러므로 개발자는 프로그램을 코딩하기 전에 전체 과정을 말로 짜 봐야 합니다. Vue 프로젝트 Beta Test : [mylog, 일상의 기록](https://my-project-bd617.web.app/