2024/10/11 4

12. mylog 로그인 - 완성

1. 로그인이메일 패스워드를 입력하고 로그인 버튼은 누르면 signInWithEmailAndPassword로 구글에 로그인한 후 uid를 받아 이것으로 mylog의 사용자 정보를 가져와 로그인 설정을 합니다.1.1 loginasync login({ commit, dispatch }, { email, password }) { try { const { user } = await signInWithEmailAndPassword(auth, email, password); //console.log('user::::', user); // 웹앱의 계정 정보를 가져와 로그인 설정을 한다. dispatch('fetchUserWithUid', {uid: user.uid});..

Vue로 PWA 개발 2024.10.11

11. mylog 로그인 - google 로그인

구글 로그인 기능을 이용하여 mylog에 로그인 하는 기능과 자동 로그인, 그리고 로그아웃 기능까지 구현합니다.ChatGPT에게 물었습니다.Please tell me how to log in using Google login of Google auth.구글 auth의 구글 로그인을 이용하여 로그인 하는 방법을 알려줘.ChatGPT To implement Google Login using Firebase Authentication (Google Auth) in a Vue.js application, you need to set up Firebase in your project and use the Google Sign-In method provided by Firebase. This method allow..

Vue로 PWA 개발 2024.10.11

10. mylog 로그인 - firebase auth

사용자가 입력한 이메일과 패스워드로 구글의 uid를 얻어서 mylog 계정 정보를 가져오는 기능을 구현합니다.ChatGPT에게 물었습니다.Create a function to log in to Google using email/password authentication of Google Auth.google auth의 이메일/패스워드 인증으로 구글에 로그인하는 기능을 만들어 줘.ChatGPT To implement Google email/password authentication using Firebase Authentication (part of Google's Firebase suite), you'll need to set up Firebase in your Vue project. This invol..

Vue로 PWA 개발 2024.10.11

9. mylog 로그인

mylog 로그인은 계정 등록에서 이미 구글에 계정을 등록하였으므로 로그인 폼에 이메일과 패스워드를 입력하고 로그인 버튼을 누르면 mylog는 구글 계정에 로그인 한 다음 구글 계정의 uid를 받아 이것으로 mylog의 계정에서 사용자 정보를 가져옵니다. 이것은 사용자 인증은 구글을 이용하고 mylog 에서 사용해야 하는 계정 정보는 mylog의 계정에 저장하기 때문입니다.로그인 UI를 만들고, 구글 로그인하여 구글 uid로 mylog 계정 정보를 가져오는 과정을 만들어 봅시다. 그리고 google auth의 Google Login을 이용하여 로그인하는 방법과 자동 로그인 기능도 함께 구현합니다.먼저 로그인 화면을 만들어 봅시다.ChatGPT에게 물었습니다.Create a login screen usin..

Vue로 PWA 개발 2024.10.11