44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
router v-if문 관련문의입니다.
router v-if문 관련문의입니다. <router-link>에 v-for은 준 뒤 강사님과 같이 v-if로 밑에 조건을 주어 isMenu가 false인 부분은 나타나지 않게 하였습니다. 하지만 아이콘과 title은 사라졌지만 router-view가 for문 때문에 2개의 요소가 작게 위치하고 있습니다. 어떻게 해결해야할까요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
image ref의 속성이 data들과 어떻게 바인딩이 되는건지..잘 모르겠습니다.
<img ref="backgroundImage"> // 의 부분이 setup(){ const backgroundImage = ref(null) // 이 친구와 연결이 되는데.. } ref의 속성이 가지는 특징인건가요? 처음에는 :ref="backgroundImage"라고해야 밑의 스크립트단의 변수를 참조할 수 있을꺼라고 생각했었는데 그게 아니더군요 이건 그냥 ref가 가지는 특징이라고 생각하고 넘어가는게 좋을까요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
onBeforeMount에 onSnapshot을 사용하는거에 대한 질문 드립니다.
onBeforeMount는 돔에 마운트 되기 직전에 실행되는 훅이고 단 한번? 밖에 실행되지 않는다고 알고있었는데, 지금 onSnapshot을 onBeforeMount에서 사용하는것으로 내부에 데이터가 바뀌면 페이지 내용이 갱신되는게 어떻게 이루어지는건지 이해를 못하겠습니다... 그냥 느낌상으로는 onSnapshot을 onBeforeMount에 '이벤트 등록?'을 해서 데이터의 변경 삭제 등록이 있으면 등록한 onSnapshot이 실행되는건가요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
Login과 Register 메뉴 관련 (v-for과 v-if)
안녕하세요. " 레이아웃 만들기" 강의에서 질문이 있습니다. 11:00분 쯤부터, 사이드메뉴에서 Login과 Register를 vue의 "v-if"를 통해 안보이게 하는 내용을 진행하다가 아래 이미지와 같이 flex 구조상 남아 있는 것을 확인했습니다. 브라우저상에 표기되는 코드는 아래 이미지와 같았습니다. 제 생각엔 v-if로 메뉴를 표기하는 div 태그를 출력하는 것은 막았으나 route-link 태그 자체는 출력되었기에 그런걸로 보입니다. <router-link :to="route.path" class="py-2 px-5 rounded-full hover:text-primary hover:bg-lighter" v-for="route in routes" :key="route" > <div v-if="route.meta.isMenu"> <i :class="route.icon"></i> <span class="ml-5 text-lg hidden xl:inline-block cursor-pointer">{{ route.title }}</span> </div> </router-link> 이 문제를 해결하기 위해 어떻게 접근해야될까요? 혹은 v-for과 v-if를 같이 쓴다면 해결될 것 같은데 방법은 없을까요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
components와 pages 디렉토리
안녕하세요. 강의대로 따라가다보니 Trends와 Tweet은 "components"에 두고 다른 페이지들은 "pages"에 두셨는데 뷰에서 보통 많이쓰이는 디렉토리 구조에 따라 그렇게 넣으신건지 혹은 다른 기준이 있어서 그렇게 하신건지 궁금합니다.
- 미해결vue.js 실전 프로젝트(트위터 클론)
1분 20초 background image 가 줄어든 이유 부가 설명해주실수있을까요??
밑의 flex로 인해 줄어들었다는게 머릿속으로 이해가 되질않아 질문을 남깁니다..
- 미해결vue.js 실전 프로젝트(트위터 클론)
flex-1 질문드립니다.
flex 를 초기화한다는게 이전에 부모쪽에서 선언한 flex 설정들을 초기화하고 완전 따로 논다는 그럼 느낌으로 사용하면 될까요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
댓글을 가져올때, 에러 발생
댓글을 가져올때, Uncaught Error in snapshot listener: FirebaseError: The query requires an index. 라는 에러가 발생합니다.
- 미해결vue.js 실전 프로젝트(트위터 클론)
라우팅 관련 질문
현재 샘플에서는 로그인 창이 먼저 뜨고, 이후 트윗을 작성하게 되어있는데, 트윗페이지가 먼저 노출되고, 이후 글을 작성할때, 로그인을 하도록 하려면 어떻게 라우팅해야 하나요?? 궁금해요!
- 해결됨vue.js 실전 프로젝트(트위터 클론)
vue3 강의 중에서..... const에다가 ref()를 쓰면은???
아래와 코드에서 const showProfileDropdown = ref(false)이 친구는 값이 바뀌는 친구 인데 const를 쓴 이유가 궁금합니다. 혹시 ref와 연관이 있을까요? export default { setup() { const routes = ref([]) const showProfileDropdown = ref(false) const currentUser = computed(()=>store.state.user) onBeforeMount(()=>{ routes.value = router.options.routes }) const onLogout = async ()=> { await auth.signOut() store.commit("SET_USER",null); await router.replace("/login"); } return { routes, showProfileDropdown, onLogout, currentUser, } } }
- 해결됨vue.js 실전 프로젝트(트위터 클론)
firebase 회원가입 중에서...
ne.collection is not a function 이런 에러메세지가 뜬다음에 auth에는 정보가 입력이되고 firestore에는 컬렉션이 안만들어져 있습니다 ㅠㅠ 타이핑 완전 똑같이 했는데 뭐가 문제일까요..
- 미해결vue.js 실전 프로젝트(트위터 클론)
오류 질문 드립니다.
똑같이 했는데 이런 오류가 뜨네요 어떻게 해야 할까요?
- 미해결vue.js 실전 프로젝트(트위터 클론)
기본 프로그램 설치하기 강의에서 안되는게있서요
명령어 다치고 yarn dev 이렇게 치면요 yarn : 'yarn' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십 시오. 위치 줄:1 문자:1 + yarn dev + ~~~~ + CategoryInfo : ObjectNotFound: (yarn:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 이렇게 오류가떠요