173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
<template v-for="(_, name) in $slots" :key="name"> 여기 부분에서 _ 이 부분에 배열 요소 구조 파괴 패턴이 필요합니다.ts(1181), 문제 보기 (<Alt>+F8) 빠른 수정을 사용할 수 없음 이 에러가 나거든요?? 근데 또 실행은 잘 되는데, 빨간색 줄이 여간 신경이 쓰여서...ㅎㅎㅎ; 문의드립니다.
미해결
Vue 3 시작하기
궁금합니다!
해결됨
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 시작하기
안녕하세요. 동일 레벨 컴포넌트간에 데이터를 주고 받는 방법에 대해 레벨1 -루트 레벨2 - 컴포넌트a, 컴포넌트b 인경우 컴포넌트a -> 루트 -> 컴포넌트b 라고 수업내용에서 배웠습니다. 그렇다면 계층이 더 깊은 경우는 어떻게 되나요? 예를 들어 컴포넌트 구조가 레벨1 -루트 레벨2 - 컴포넌트a-1, 컴포넌트b-1 레벨3 - 컴포넌트a-2, 컴포넌트b-2 인경우 (트리구조 비슷한?) 컴포넌트 a-2에서 b-2로 전달하려면 컴포넌트a-2 -> 컴포넌트a-1 -> 루트 -> 컴포넌트b-1 -> 컴포넌트b-2 이런식으로 루트를 통해야 되나요? 그리고 a-2옆에 같은 레벨의 a-3이 있다면, 이또한 루트까지 데이터를 올린다음 내려 받아야 할까요? 이런 느낌입니다.
해결됨
Vue 3 시작하기
<app-contents v-on:refresh="showAlert"></app-contents> methods: { sendEvent() { this.$emit('refresh'); } } 강의 코드의 경우, 이벤트가 하나인데요. 여러개의 경우 어떻게 작성하는게 좋을까요? 예를 들어 methods: { sendEvent1() { this.$emit('refresh1'); }, sendEvent2() { this.$emit('refresh2'); }, sendEvent3() { this.$emit('refresh3'); }, } 인경우 <app-contents v-on:refresh1="showAlert1" v-on:refresh2="showAlert2" v-on:refresh3="showAlert3" > </app-contents> 이런식으로 작성하나요? 아니면 따로 좋은 작성방법이 있을까요? 매번 이벤트 추가할 때 마다 연결을 해줘야 하는게, 추적을 위해서 라고는 하지만 편리한지 모르겠습니다.
미해결
Vue 3 시작하기
영상 하단에 강의노트가 있다고 하셨는데 안보입니다... 업로드가 아직 제대로 되지 않은 것인 지, 제가 그냥 못 찾는 것인 지 모르겠네요
미해결
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 이메일 열거 보호가 서비스중인 프로젝트라면 중요하겠지만 학습을 위한 개발단계인 현재는 비활성화해도 괜찮을 것 같습니다. 감사합니다.
