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

Vue로 PWA 개발 - 그랜파 개발자Vue 프로젝트 Beta Test : mylog, 일상의 기록 Vue PWA mylog의 소스 코드입니다. 1. Vue 프로젝트 만들기vue create mylog? Please pick a preset: Manually select features? Check the features needed for your project: Babel, PWA, Router, Vuex? Choose a version of Vue.js that you want to start the project with 2.x? Use history mode for router? (Requires proper server setup for index fallback in production) Y..

WriteMyLogView.vue {{ getMylogName }} 저장

Vue로 PWA 개발 - 그랜파 개발자. 로그인을 하면 회원 정보를 로드하여 state 상태 변수 profile에 저장 합니다.물론 아직 회원 정보를 저장하지 않았다면 profile에는 정보가 없습니다.계정 설정 페이지가 열릴 때 이 profile을 사용하여 화면에 데이터를 나타냅니다.우리는 다양한 방법으로 로그인하는 것을 가정하고 profiles 컬렉션의 profile 문서에 uids 배열 항목을 만들었습니다.이 uids에 로그인한 uid를 포함한 회원 정보를 로드합니다. ChatGPT에게 물었습니다.uids에 uid가 포함된 문서를 로드하고 싶어ChatGPTFirestore에서 uids 배열에 특정 uid가 포함된 문서를 로드하려면 array-contains 쿼리를 사용할 수 있습니다.아래는 Vue와..

UserMyLogsView.vue {{ getMylogName }} 최신순 오래된순 조회순 0"> {{ mylog.category }} 카테고리 없음 {{ mylog.title }} 0" style="cursor: point..

Vue로 PWA 개발 - 그랜파 개발자.1. 계정 설정이메일과 비밀번호로 로그인을 할 수 있게 되었습니다.그러나 앱을 서비스 하기 위해서 로그인 정보 외에도 회원 정보가 필요합니다. 우리는 모바일 전용 단문 블로그를 만들고자 합니다. 그래서 회원의 이름, 블로그 이름, 소개 정도는 등록하도록 하겠습니다.2. profiles collections앱이 회원정보를 저장하기 위하여 firestore의 profiles collections 사용합니다.회원 정보는 이메일, 이름, 블로그 이름, 소개, 그리고 uids 배열 항목입니다. uids에는 이메일과 비밀번호로 로그인 한 후 구글로부터 돌려받은 user 객체의 uid를 저장합니다. 배열로 하는 이유는 구글 계정으로 로그인 등 다른 OAuth를 이용한 로그인 ..