Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
안녕하세요 email인증 진행 중 오류가 발생하여 문의드립니다. 코드는 확인하였고, 구글 콘솔에서 템플릿도 확인하였습니다. (템플릿에서 따로 수정한것은 없음) 이메일도 정상적으로 발송되었으나, 해당 링크로 들어가면 이런 에러페이지가 발생하여 이메일 인증이 되지 않고있습니다.. 무엇이 문제인지 검색해보았지만 답을 찾지 못해 문의남깁니다. // sendEmail for verification export async function sendVerificationEmail() { await sendEmailVerification(auth.currentUser); console.log(auth.currentUser.emailVerified) }
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
<template v-for="(_, name) in $slots" :key="name"> 여기 부분에서 _ 이 부분에 배열 요소 구조 파괴 패턴이 필요합니다.ts(1181), 문제 보기 (<Alt>+F8) 빠른 수정을 사용할 수 없음 이 에러가 나거든요?? 근데 또 실행은 잘 되는데, 빨간색 줄이 여간 신경이 쓰여서...ㅎㅎㅎ; 문의드립니다.
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
안녕하세요. 해당 강의 수강하면서 프로젝트 진행 중에 궁금한 점이 있어 질문드립니다. 실무 환경에서 axios를 이용해 API 호출을 한다고 가정하였을 때, [local, stage, prod] 와 같은 다양한 환경에 대하여 API 호출 도메인이 달라지게 됩니다. vite를 사용하였을 때에는 .env.local, .env.stage, . env.prod 와 같이 환경에 따른 변수를 지정하고, vite --mode local 과 같은 형태로 실행하는 환경을 설정할 수 있었는데요. 이러한 다양한 환경에 다른 값을 지정해야할 떄에 어떻게 사용하시는지 궁금합니다.
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
인텔리제이에서 작업해야하는 환경이라 최대한 환경설정을 맞추면서 하고 있습니다 router들은 잘 반영이 되어있고 화면에서도 Default Layout 은 적용되어 있는 상태인데, route 태그를 통해 meta 및 layout을 변경하려고 할 때 적용이 되지 않습니다. 혹시 이유를 알 수 있을까요?
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
안녕하세요. 해당 강의 수강 중 이메일 변경 과정에서 에러가 발생하였고, 많은 분들이 해당 에러를 겪을 것 같아 해결방법 공유드립니다. 에러 firebase의 정책 변경에 따른 문제인지 이메일 변경시 변경하려는 이메일에 대한 인증이 필요하다는 에러가 나타납니다. 해당 에러는 이메일 열거 보호 (무차별 이메일 입력에 대한 대처)로 인해 나타나는 에러이며, 이메일 열거 보호를 해제하여 해결하였습니다. 참조: https://github.com/firebase/firebase-ios-sdk/issues/11886 해결방법 Firebase 프로젝트 ID 확인 https://console.firebase.google.com/ Firebase 콘솔 접속 -> 해당 프로젝트 접속 -> 좌측 상단 프로젝트 개요 우측 톱니바퀴 -> 프로젝트 설정 화면에 노출되는 Firebase 프로젝트 생성시 작성한 프로젝트 ID를 확인합니다. gCloud shell 접속 https://console.cloud.google.com/welcome?cloudshell=true 위 링크 접속시 하단에 CloudShell이 노출됩니다. gcloud access token 취득 CloudShell 에 아래의 명령어를 입력해 accessToken을 취득합니다. gcloud auth print-access-token --project=PROJECT_ID 위 명령어의 PROJECT_ID 는 1. Firebase 프로젝트 ID 확인 에서 얻은 프로젝트 ID를 입력합니다. 이메일 열거 보호 비활성화 CloudShell 에 아래의 명령어를 입력해 이메일 열거 보호를 비활성화 합니다. curl -X PATCH -d "{'email_privacy_config':{'enable_improved_email_privacy':"false"}}" \ -H 'Authorization: Bearer ACCESS_TOKEN' \ -H 'Content-Type: application/json' -H 'X-Goog-User-Project: PROJECT_ID' \ "https://identitytoolkit.googleapis.com/admin/v2/projects/PROJECT_ID/config?updateMask=email_privacy_config" 여기서 PROJECT_ID 는 3번과 동일한 프로젝트 ID를, ACCESS_TOKEN 은 3번을 통해 취득한 ACCESS_TOKEN을 입력합니다. 이제 이메일 변경이 잘됩니다 :) 참조: https://cloud.google.com/identity-platform/docs/admin/email-enumeration-protection?hl=ko 이메일 열거 보호가 서비스중인 프로젝트라면 중요하겠지만 학습을 위한 개발단계인 현재는 비활성화해도 괜찮을 것 같습니다. 감사합니다.
