66,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
문의요
현재 vscode로 회사에서도 vue 프로젝트를 진행중에 vue 공부하려고 강의를 구매했습니다수업폴더를 열고 npm run dev로 로컬 3000번 연결했을때 회사프로젝트가 열리고 수업화면이 열리지 않습니다!
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
!! 는 어떤 기능이 있는건가요?
안녕하세요 slots 강의를 듣던중 const hasFooter = computed(() => !!slots.footer)를 사용해서 slots.footer 가 없으면 false를 반환한다고 하는데 !! 를 정확하게 뭐라고 부르면 될까요? 삼항연산자의 축약버전일까요..? 잘듣고있습니다 감사합니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
defineasynccomponent 을 이용한 Dynamic components 구현
Dynamic components 이용해서 tab 구성에 관한 강의를 해주셨는데요. 관련 소스를 찾다보니 vue3에서 defineasynccomponent으로도 구현이 가능한것으로 보입니다. defineasynccomponent을 이용한 tab 구성 관련해서 관련 설명 좀 부탁드립니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
eslintrc.cjs 설정하는데 강의해주시는 코드와 제 코드가 다릅니다.
안녕하세요제목과 같이 eslintrc.cjs 설정하는데 강의해주시는 코드와 제 코드가 달라서 혹시 제가 다른 버전을 사용했나 싶어서 질문 드립니다.아래 사진에서 root는 ""(쌍따음표)로 감싸져있는데 제 코드에서는 다르게 되어있으며 env가 있는 위치에는 parserOption이 있고 env는 없어서요.감사합니다.[강의 내 코드] [제 코드]
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
<template v-if=""> 관련 질문
안녕하세요, section 3. 조건부 렌더링 강의를 듣다가 궁금한 점이 생겨 질문드립니다.강의 내용 중 <template v-if=""> 처럼 template 태그를 사용하는 경우가 실전에 많다 라고 말씀해주셨는데, <div v-if=""> 처럼 div 태그를 사용하는 것과 차이가 있을까요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
setup 문법질문이요!!
<script setup> 이런식으로 쓰는것과<script> export default { setup() { return ~~~ } }</script>이렇게 쓰는거는 뭐가 다른건가요??최신문법은 뭔가요??
- 해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
defineExpose를 실제 현업에서 많이 사용되는 편인가요?
안녕하세요 강사님다름이 아니라 defineExpose관련해서 궁금한게 있어 질문을 드립니다..defineExpose가 템플릿refs나 자식 컴포넌트의 $parent를 사용할 때 주로 쓰인다고 하셨는데요궁금한게 자식 컴포넌트에 데이터를 전달할 때 props나 emit을 활용해서 처리하거나 slot을 쓰면 크게 쓰이지 않나 싶은 생각이 드는데 이렇게 사용하는 경우가 크게 있는가요..? 제가 많이 활용안해봐서 그런지 이해가 잘 안되는것 같습니다..두서없이 글 쓰긴 했는데 죄송합니다ㅠㅠ
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
동적 컴포넌트 전환과 routing..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요.심화편에서 프로젝트를 진행하실 때, 텝으로 이동 시 routing을 활용하셨었는데요.그 부분에 이 수업의 주제인 동적 컴포넌트를 적용하지 않은 이유가 있을까요? 동적 컴포넌트 전환과 라우팅의 차이는 무엇일가요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
Non-prop 속성 강좌의 요지가 무엇인가요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.props, emits에 선언하지 않은 non-props 속성은root element에 상속된다.이 때, 의도하지 않은 상속이 일어날 수 있다.이를 막기 위해서는,inheritAttrs: false를 선언하고, 상속하고자 하는 element에서 v-bind="$attrs"를 적으라.인가요? 그러면 props, emits에서 이미 선언한 속성들은 어디로 상속되나요? root element가 아닌 곳에 상속시킬 수 있나요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
사용자 정의 v-model, 그리고 3개 이상의 component에서 데이터 이동 시
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요TheView.vue, Username.vue, LabelInput.vue 순으로 각각 부모/자식 관계를 맺고 있습니다. 자식 컴포넌트에서 부모 컴포넌트 데이터 변경이 필요할 때 emits으로 event를 올리면, 부모 컴포넌트에서 해당 event에 method를 연결시켜 데이터 변경을 처리한다고 이해했습니다. 그런데 컴포넌트가 3개가 되니, 관계가 좀 복잡해보입니다.제가 이해가 가지 않는 부분은, 아래 Username.vue에 있는 @update:model-value="value => $emit('update:firstname', value)"이 부분입니다. Username.vue의 자식 컴포넌트인 LabelInput.vue에서 보내온 이벤트인 update:model-value에 엮인 method에서, Username.vue 내에 존재하는 반응형 데이터 조작 (ex. @update:model-value="event => username = event.target.value")가 아니라, Username.vue의 부모 컴포넌트인 TheView.vue로 event를 emits하는 코드만 삽입되어 있습니다. 이 때, Username.vue에서는 단순히 LabelInput.vue의 emit이 TheView.vue에 도달할 수 있는 통로 정도의 역할만 했다고 해석하면 될까요? TheView.vue<template> <Username v-model:firstname="firstname" /></template><script> const firstname = ref('')</script>Username.vue<template> <LabelInput :model-value="firstname" @update:model-value="value => $emit('update:firstname', value)"</template><script> props: ['firstname'] emits: ['update:firstname']</script>LabelInput.vue<template></template><script> props: ['modelValue'] emits: ['update:modelValue'] setup(props, { emit }) { emit('update:modelValue', value) }</script>
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
watchEffect()가 동작하는 시점 관련
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요,watchEffect()는 콜백함수 내에 쓰인 반응형 데이터(들)이 변화할 때마다 동작하고,watch()는 최초에 명시한 반응형 데이터의 변화를 감지하고 동작한다. 이렇게 이해하는게 맞을까요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
안녕하세요 Use volar-service-veture instead of Vetur 문의드려요
관련 이슈라고 자꾸 뜨는데 제가 뭘 놓친걸까요
- 해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
Dynamic Slot
안녕하세요 강사님!다이나믹 슬롯 관련해서 제가 생각하고 있는게 맞는건지 궁금해서 질문을 드립니다!다이나믹 라우터를 #[반응형데이터] 이런식으로 하면 동적으로 변경할 수 있고 v-bind나 v-on같은 이벤트에도 사용할수 있다고 하셨는데요그렇다면 반응형데이터를 사용하는 경우는 조건에 따라 리턴되는 값에 따라서 다이나믹 슬롯으로 사용할 수 있다는 건지 그게 궁금합니다..디테일한 강의를 해주셔서 정말감사합니다!
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
템플릿 문법 강의 질문
안녕하세요. 강사님 또 질문이 있습니다..ㅜ위 이미지에서 빨간색 밑줄 친 부분대로 입력후 저장하면 저는 v-on:click에 $event =>이게 자동으로 붙던데 왜그러는건가요?추후 어떤 영향을 주는건 아닌건가요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
setup함수 강의 질문
안녕하세요. 강사님,setup 함수 내에 const counter = ref(0);을 입력하시면 자동적으로 위 이미지에 빨간색 밑줄 친 부분인import { ref } from 'vue';와 return {}; 이 자동 생성되는데 저는 안되서 혹시 제가 뭘 놓친게 있을까요??
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
자막 문의드립니다.
안녕하세요. 청각장애인 수강생입니다. 맛보기 영상을 봤을 때 자막이 있어서 결제했는데 자막이 없어서 당황했습니다. ㅠ 혹시 자막 달아주실 수 있을까요?ㅠ,ㅠ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
강의중에 보이는 용어 정리된 사이트
강의중에 강사님이 밑줄 그으시면서 보시는 사이트 이름은 무엇인가여? props면 props 양방향 바인딩 ~~~~ 단반향바인딩 이렇게 정리된 사이트요 위에 breadcrumb에 날개달기라고 적혀잇어요
- 해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
Non-Props를 어떤상황에 쓰면 좋을지 궁금합니다.
강의에서는 컴포넌트 태그에 클릭 이벤트를 주셨는데특정한 컴포넌트에 대해 다른 스타일이나 이벤트를 주고싶을때 사용하면 좋을까요..?보통 왠만하면 emit또는 클래스, 스타일바인딩을 줘서 해결하는 경우가 많은데 이렇게 활용하는거 보니 또 새로운 느낌이네요..
- 해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
vbase-3 탭 자동완성이 안되는데..
스니펫 설치하고 vueinit 입력하고 탭하면 자동완성이 되는데 강사님처럼 vbase-3 탭은 안되더라구요 이유가 뭘까요 ㅠ
- 해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
createPost() 관련 질문입니다
안녕하세요 강사님 강의 시간날때마다 잘 듣고있습니다!다름이 아니라 createPost를 emits에서도 사용하셔가지고 이부분이 확실하게 이해가 안되는데.. setup의 createPost함수는 클릭했을 때 기존처럼 실행이 되는 이벤트이고 emits의 createPost는 setup의 함수가 실행 되었을 때 type과 title의 value값이 있을 때만 emit을 한다고하는 게 맞는걸까요...?