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

사용자가 마이로그에 접속을 하면 홈페이지가 열리고 홈페이지는 등록된 마이로그 리스트를 나타냅니다. 홈페이지는 등록된 모든 마이로그를 리스트로 보여주고, 이 리스트 중에서 마이로그를 선택하면 마이로그 보기 화면으로 이동한 후 마이로그의 내용을 보여줍니다.1. 마이로그 홈src/views/HomeView.vue {{ error.message }} {{ mylog.title }} {{ mylog.userName }} {{ mylog.createdAt.toDate().toLocaleString() }} {{ mylog.content }} ..

사용자가 웹앱에 접속하면 마이로그는 홈페이지를 보여줍니다. 마이로그가 사용자에게 홈페이지를 보여주기까지 등록된 전체 마이로그를 로드하고, 등록된 전체 회원 정보도 로드하고, 자동 로그인을 통해 로그인 한 사용자의 계정 정보로 로드합니다. 물론 이전에 로그아웃을 하였거나, 이전에 로그인한 경우가 없는 사용자라면 현재 접속한 사용자 정보는 없습니다. 웹앱이 홈페이지를 사용자에 보여주기까지의 과정을 살펴봅시다.src/main.js// src/main.jsimport Vue from 'vue'import App from './App.vue'import './registerServiceWorker'import router from './router'import store from './store'import vu..

사용자가 웹앱의 홈페이지에 접속하면 자동으로 로그인을 합니다.ChatGPT에게 물었습니다.onAuthStateChanged 설명해줘 ChatGPT onAuthStateChanged는 Firebase Authentication에서 사용자의 로그인 상태 변화를 실시간으로 감지하는 메서드입니다. 이 메서드를 사용하면 사용자가 로그인하거나 로그아웃할 때마다 즉시 반응하여 앱의 상태를 업데이트할 수 있습니다.1. 사용 예시onAuthStateChanged 메서드는 Firebase에서 제공하는 auth 객체를 사용하여 구현됩니다. 이 메서드는 로그인 상태의 변화를 감지하고, 그에 따라 콜백 함수를 실행합니다.2. 주요 기능:사용자가 로그인하면 onAuthStateChanged는 로그인한 사용자의 정보를 반환합니다...