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

마이로그를 쓰고(WriteMyLogView.vue), 마이로그들을 목록으로 조회하고(HomeView.vue), 마이로그를 목록에서 선택하여 내용을 확인(MyLogView.vue)하는 기본적인 워크플로우를 완성하였습니다.1. 마이로그 접속 (main.js)마이로그 페이지에 접속을 하면 마이로그는 저장된 모든 마이로그와 모든 회원 정보를 로드합니다. 현재 로그아웃 상태라면 회원의 정보는 로드하지 않지만, 이전에 로그인 상태였다면 접속할 때 자동으로 로그인을 합니다. 로그인을 하면 회원의 정보를 가지고 있습니다. 현재 회원 정보의 유무에 따라 로그인 여부를 알 수 있습니다.2. 마이로그 홈페이지 HomeView.vue홈페이지는 미리 로딩되어 있는 마이로그의 목록을 나열하고, 로그인 상태에 따른 메뉴 항목을 나..

로그인하지 않은 사용자의 조회수 카운트를 위하여 고유의 익명 ID를 생성하여 구분을 합니다. 고유의 익명 ID를 생하기 위하여 uuidv4를 사용합니다. uuidv4는 Universally Unique Identifier version 4의 약자로, 고유한 식별자를 생성하는 표준 중 하나입니다.ChatGPT에게 물었습니다.uuidv4를 설명해줘 ChatGPTuuidv4는 Universally Unique Identifier version 4의 약자로, 고유한 식별자를 생성하는 표준 중 하나입니다. UUID는 네트워크 상에서 고유성을 보장해야 하는 다양한 경우에 사용됩니다. uuidv4는 무작위(random) 데이터를 기반으로 UUID를 생성하는 방식으로, 총 128비트(16바이트) 크기의 값을 가지고 있..

조회수에 대해 ‘/views/{postId}/users/{userId or anonymousId}’ 구조에 lastViewed 항목 즉 마지막 조회날짜 하나만 가진다면, 날짜별 조회수를 구할 수 없습니다. 사용자가 조회한 각 날짜 정보를 가져야 날짜별로 조회수를 구할 수 있습니다.ChatGPT에게 물었습니다.lastViewed를 배열로 해서 조회 시간을 계속 추가하고 싶어 ChatGPTlastViewed 필드를 배열로 만들어 사용자가 해당 글을 조회할 때마다 조회 시간을 배열에 추가할 수 있습니다. Firestore는 배열 데이터를 지원하며, 배열에 항목을 추가하거나 업데이트할 수 있는 기능을 제공합니다. 이를 사용하면 사용자가 글을 조회할 때마다 조회 시간을 배열에 계속 추가할 수 있습니다.Firest..