월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
unplugin-vue-components 질문입니다.
강의에서는 vite.config.js에서 Components 옵션을 바꾸고npm run dev 실행 시 바로 components.d.ts 에 적용되는것을 볼 수 있는데,저는 npm run build를 해야지 해당 파일에 적용이 되네요.어떤 문제인지 아실까요??
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
Url로 직접 접근시, 404 Return 문제
안녕하세요? 강의를 듣고 복습하던 중 발견한 골치아픈 문제가 있어서 질문드립니다.Vue-Router를 이용하여 routing하였고, 페이지 내에서 클릭하고 들어가면 잘 동작하지만,브라우저에서 새로고침 버튼을 누르거나, url을 직접 치고 들어가면 페이지를 찾을 수 없다는 에러가 반환됩니다.실무에서는 종종 url로 직접 연동되는 page도 필요할텐데, 항상 root path로 일단 들어가서 click 등으로 다른 view로 이동해야 하는지 궁금합니다.SPA의 한계로 인해, root path외에 다른 route는 url을 통한 직접 접근이 불가능한가요?이런 문제를 어떻게 해결할 수 있는지 답변주심 매우 감사드리겠습니다!
- 해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
목록으로 갈때는 params가 필요없고 수정으로 갈때에는 params가 필요한가요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 어떨 떄에는 push로 넘겨줄때 name 과 params 를 같이 쓰고 어떨 때에는 name 만쓰는 이유가 무엇은가요 ㅠㅠ,,
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
App.vue 구성 질문드립니다.
App.vue 에서 전체적인 레이아웃을 잡고, RouterView 에서 변경될 컨텐츠 영역으로 route를 하고 있는데요. 상단메뉴없이 전체 페이지에 로그인 폼만 있을 경우 처리는 어떻게 하나요? v-if 로 걸러주는 방법밖에 생각이 안나는데 다른 방법이 있는지요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
components.d.ts 적용 문제
적용이 안됩니다. eslint 도 동일하게 했는데 파일 열때마다 error 가 많이나고 있습니다.. extensions 한번 정리해 주실수 있나요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
pinia 적용에 관한 질문
안녕하세요? 강의 잘 듣고 있습니다. ^^ pinia 부분 수업을 들었는데, props를 이용해서 component간에 상태를 공유하던 (번거로운)부분이 굉장히 편리해져 흥미로웠습니다. 여기서 드는 생각이.. 원래, 자식 component의 script tag내에서 defineProps로 props를 정의하고 부모 component에서 넘겨주고, computed로 업데이트하는 등의 작업들이 모두 pinia를 통한 중앙 store를 통해 해결되는 것으로 보이는데요 그럼, 실제 현업에서도 프로젝트의 일관성을 위해, defineProps, computed 등의 함수를 이용한 props 관리는 지양하고, 모든 상태관리를 pinia를 이용한 store로 관리하는 것도 좋은 선택일까요? 감사합니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
Router 문의
- Router 작성시에 컴포넌트를 임포트 해서 사용하고 있는데 Lazy Load를 하지 않고 전부 임포트를 사용하는 이유가 따로 있는 것인지요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
모달 닫기 버튼 에러
모달 띄우는 부분은 잘되는데 닫는부분에서 에러가 나는데요 이유를 모르겠습니다. 콘솔창에서는 runtime-core.esm-bundler.js:38 [Vue warn]: Unhandled error during execution of native event handler at <BaseTransition appear=false persisted=false mode=undefined ... > at <Transition createAt=undefined > at <AppModal modelValue=true onUpdate:modelValue=fn title="게시글" ... > at <PostModal modelValue=true onUpdate:modelValue=fn title="안녕하세요11" ... > at <PostListView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip: true} > > at <RouterView> at <TheView> at <App>warn @ runtime-core.esm-bundler.js:38logError @ runtime-core.esm-bundler.js:212handleError @ runtime-core.esm-bundler.js:204callWithErrorHandling @ runtime-core.esm-bundler.js:158callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:164invoker @ runtime-dom.esm-bundler.js:369runtime-core.esm-bundler.js:218 Uncaught TypeError: str.charAt is not a function at shared.esm-bundler.js:552:53 at shared.esm-bundler.js:534:37 at shared.esm-bundler.js:556:62 at shared.esm-bundler.js:534:37 at emit$1 (runtime-core.esm-bundler.js:668:40) at runtime-core.esm-bundler.js:7348:53 at ComputedRefImpl.set [as _setter] (PostModal.vue:42:3) at set value [as value] (reactivity.esm-bundler.js:1149:14) at closeModal (PostModal.vue:48:13) at callWithErrorHandling (runtime-core.esm-bundler.js:155:22) postmodal.vue <script setup> import AppModal from '@/components/AppModal.vue'; import { computed } from 'vue'; const props = defineProps({ modelValue: Boolean, title: String, content: String, createdAt: [String, Number], }); const emit = defineEmits(['update:modelValue']); const show = computed({ get() { console.log('get.show.value:', show.value); return props.modelValue; }, set(value) { emit(['update:modelValue', value]); console.log('set.show.value:', show.value); }, }); const closeModal = () => { console.log(show.value); show.value = false; }; </script> appmodal.vue <script setup> defineProps({ modelValue: Boolean, title: String, }); defineEmits(['close', 'update:modelValue']); </script>
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
프로젝트 생성 후 오류 발생 확인 부탁드립니다.
프로젝트 셋팅후에 Parsing error: Unexpected tokeneslintprettier/prettier 에러가 발생됩니다. 원인이 무엇일까요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
프로젝트에 eslint와 prettier를 나중에 추가하고 싶습니다.
현재 진행중인 프로젝트가 있는데 자동 정렬이 되지 않아서 살짝 불편하여 eslint와 prettier를 진행중인 프로젝트에 추가하고 싶습니다. 여러 블로그 글을 확인하면서 해봤는데 잘 안돼서 질문 드립니다.. 설치 명령어가 어떻게 되는지 궁금합니다. vue3 + vite + typescript + sass + router + vuex4 적용되어있습니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
강의노트 수정
VueRouter학습 부분이 전 강의노트랑 같아요 수정부탁드립니다
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
function save함수를 pinia로 변경하고 있는데 질문이 있습니다
PostCreateView에서 save함수를 실행했었는데 store/list.js라는 파일을 만들어서 router.push 부분만 list.js에 넣고 나머지는 그대로 했는데 기능 작동이 되게 하려면 어떻게 해야 할까요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
...data vs setPost
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운 const fetchPost = async () => { try { const { data } = await getPostById(props.id); // post.value = { ...data }; // console.log('post: ', post); setPost(data); console.log('setPost: ', post); } catch (error) { console.error(error); } }; const setPost = ({ title, content, createdAt }) => { post.value.title = title; post.value.content = content; post.value.createdAt = createdAt; }; post.value = { ...data }; 이것하고 post.value.title = title; post.value.content = content; post.value.createdAt = createdAt; 이리하는거 하고 뭐가 차이가 있는건가요??
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
pinia 의 사용 시 주의사항을 알고 싶습니다.
안녕하세요 컴포넌트 간의 데이터 전달을 기존에 props를 사용했는데 이걸 pinia로 전부 대체해도 문제가 없는지 궁금합니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
페이지 개수에 대해 질문이 있습니다.
안녕하세요. 만약 게시물이 정말 많아서 페이지가 50개 이상일 때 < 1 2 3 4 5 6 7 ......> 이런 식으로 숫자가 50개가 다 출력될 때 5개씩만 보여주고 싶을 때의 방법을 참고할게 있을까요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
sync와 await
data 조회할때 async와 await를 왜 사용하는지 궁금합니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
[vueRouter 학습] 정리노트 페이지 url 잘못 된 거 같아요!
[vueRouter 학습] 정리노트 페이지 url 잘못 된 거 같아요!
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
button type 관련해서 문의드립니다
안녕하세요, 강사님. 좋은 강의 잘 보고 있습니다. 강의 진행 중 궁금한 부분이 생겨 문의드립니다. PostCreateView 컴포넌트에서 저장 버튼에 type을 button으로 지정해주면, save 함수가 실행되지 않는 것을 발견했습니다. 혹시 왜 그런 건지 알 수 있을까요? 키워드라도 던져주시면 찾아보겠습니다. 감사합니다.
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
상세페이지에서 fetchPost를 불러올 때 에러
상세페이지에서 const fetchPost를 입력 했을 때 콘솔창에 오류가 뜨는데 어디가 잘못된 걸까요?
- 미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
unref 질문이요
unref(params) 로 파라메터를 넘기는데 애초에 List에서 params.value를 넘겨도 동작에는 문제가 안생기는데요 unref 를 사용하는 목적이 궁급합니다.