묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨웹 게임을 만들며 배우는 Vue
webpack - npm run build 시 오류
package.json "dependencies": { "vue": "^2.6.12" }, "devDependencies": { "vue-loader": "^15.0.2", "vue-template-compiler": "^2.6.12", "webpack": "^5.4.0", "webpack-cli": "^4.2.0" }오류 내용Failed to load 'D:\Vue\FirstProject\vue-project\숫자 야구\webpack.config.js' config[webpack-cli] Error: Cannot find module 'webpack/lib/RuleSet'Require stack:- D:\Vue\FirstProject\vue-project\숫자 야구\node_modules\vue-loader\lib\plugin.js- D:\Vue\FirstProject\vue-project\숫자 야구\webpack.config.js- D:\Vue\FirstProject\vue-project\숫자 야구\node_modules\webpack-cli\lib\webpack-cli.js- D:\Vue\FirstProject\vue-project\숫자 야구\node_modules\webpack-cli\lib\bootstrap.js- D:\Vue\FirstProject\vue-project\숫자 야구\node_modules\webpack-cli\bin\cli.js- D:\Vue\FirstProject\vue-project\숫자 야구\node_modules\webpack\bin\webpack.js at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15) at Module._load (node:internal/modules/cjs/loader:985:27) at Module.require (node:internal/modules/cjs/loader:1235:19) at require (node:internal/modules/helpers:176:18) at Object.<anonymous> (D:\Vue\FirstProject\vue-project\숫자 야구\node_modules\vue-loader\lib\plugin.js:4:17) at Module._compile (node:internal/modules/cjs/loader:1376:14) at Module._extensions..js (node:internal/modules/cjs/loader:1435:10) at Module.load (node:internal/modules/cjs/loader:1207:32) at Module._load (node:internal/modules/cjs/loader:1023:12) at Module.require (node:internal/modules/cjs/loader:1235:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'D:\\Vue\\FirstProject\\vue-project\\숫자 야구\\node_modules\\vue-loader\\lib\\plugin.js', 'D:\\Vue\\FirstProject\\vue-project\\숫자 야구\\webpack.config.js', 'D:\\Vue\\FirstProject\\vue-project\\숫자 야구\\node_modules\\webpack-cli\\lib\\webpack-cli.js', 'D:\\Vue\\FirstProject\\vue-project\\숫자 야구\\node_modules\\webpack-cli\\lib\\bootstrap.js', 'D:\\Vue\\FirstProject\\vue-project\\숫자 야구\\node_modules\\webpack-cli\\bin\\cli.js', 'D:\\Vue\\FirstProject\\vue-project\\숫자 야구\\node_modules\\webpack\\bin\\webpack.js' ]} 계속 오류난거 해결하다가 여기까지 왔는데 여기선 해결이 안되네요ㅠㅠ
-
미해결Nuxt.js 시작하기
JSON Server Operator 링크에 Operator 가 없습니다.
안녕하세요.서치 기능 구현 실습중입니다.nuxt3로 강의 실습 진행 중인데 Operator 가 없는데 어떻게 하면 좋을까요?이미지 url 에 들어가는 사이트도 없어져서 picsum.photos 로 하는데 여긴 랜덤 이미지 경로가 없네요..ㅠㅠ
-
미해결Vue.js 시작하기 - Age of Vue.js
3:43 '#' 해시 유무의 차이
있고 없고 무슨 차이에요?왜 저게 달려오는거죠..?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
props, emit 질문이 있습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요.질문이 있습니다ㅠㅠprops emit은 단방향바인딩인거고v-model은 양방향바인딩인건가요?? 이건 개인적인 질문인데요.. ㅜㅜ input text상자에 입력된 값을 props로 전달하려면 v-model은 양방향 바인딩하는거니까 사용하면 안되는건가요..?ㅜㅜ 양방향 바인딩이 화면에서 입력된 값을 자바스크립트에서 그때 그때 동일하게 바뀌게끔 하는거잖아요.. 그럼 props, emit이랑 관련이 전혀없는건가요? 여기 개념이 좀 헷갈리는 것 같습니다.. props+emit = v-model은 아닌거죠..?ㅜㅜ그리고 수업하실 떄 Theview.vue를 사용하셨는데,그 이유가 뭔지 궁금합니다ㅜㅜ 부모 자식관계에 대한 설명을 할 때 child, parent만 만들면 데이터가 잘 오고가는지 확인하기 위해서 theview.vue를 만드신건가요?ㅠㅠ
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vuex 적용시 질문
vue3로 강의를 실습 중이라 vuex를 활용해 진행하고 있습니다. spinner처리 때문에 위 코드처럼 next()에 setTimeout을 걸었는데, 기존에 불러왔던 데이터가 상태에 남아있어서 그런지,예를들어 ask-> news탭을 누를 경우 news 데이터가 바로 반영이 되어 리스트 화면이 변경된 뒤에, 1초 후 화면이 깜빡 거리면서 다시 news 데이터가 뜹니다.이를 해결하기 위해, mutations에위와 같이 state를 비워 주는 코드를 추가하여 해결했는데, vuex를 사용하게되면 이런식으로 화면이 바뀔 때 상태값들을 초기화 시켜주어야 하는걸까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
라우터 버전이 안맞는데 어떤걸 써야하나요
라우터 버전이 안맞는데 어떤걸 써야하나요
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
Tags를 옮긴 이후로 새 포스트 작성 버튼 클릭 시 에러가 뜹니다.
Tags를 옮긴 이후로 새 포스트 작성 버튼 클릭 시 에러가 뜹니다. 콘솔로그로 보면은 이렇게 뜨는데.. 제 지식으로는 찾기가 어려워요.. 알려주세요 ㅠㅠ PostForm.vue:25 [Vue warn]: Invalid vnode type when creating vnode: undefined.at <QCardSection class="q-gutter-y-sm" >at <QForm onSubmit=fn >at <PostForm title="" onUpdate:title=fn category="" ... >at <QCard style= {minWidth: '660px'} >at <BaseTransition appear=true persisted=false mode=undefined ... >at <Transition appear=true enterFromClass="q-transition--none-enter-from" enterActiveClass="q-transition--none-enter-active" ... >at <QDialog persistent="" modelValue=true onUpdate:modelValue=fn ... >at <PostWriteDialog modelValue=true onUpdate:modelValue=fn >at <QPage padding="" >at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > >at <RouterView>at <QPageContainer style= {maxWidth: '1080px', margin: '0 auto'} >at <QLayout view="hHh lpR fFf" class="bg-grey-2" >at <Default onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > >at <RouterView>at <App>
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
2:46 created 가... init() 메소드와 상관관계..?
최초 한번만 실행되는 메소드처럼 보이는데... 맞습니까?
-
미해결[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
데이터바인딩
데이터 바인딩을 듣고 있는데요.데이터바인딩리스트뷰 진도를 나가는데 윈도우에서 곱하기를 못해서 진도를 못나가고 있어요.shift 8눌러서 곱하기를 만들면 오류가 나네요.곱하기부붙을 어떻게 해야 오류가 나지 않을까요<tr :key="drink.drinkId" v-for="drink in drinkList"><td>{{ drink.drinkId }}</td><td>{{ drink.drinkName }}</td><td>{{ drink.prick }}</td><td><input type="number" name="" id="" v-model="drink.qty" /></td><td>{{ dirnk.price drink.qty }}</td> <--이부분이요 곱하기 해야하는데 윈도우에서 shift+8해서 곱하기를 만들면 오류가 나요 ㅠㅠㅠㅠㅠ
-
미해결Vue 3 시작하기
v-if, v-show 어떤 경우에 사용하나요?
v-if의 경우 dom이 그려지거나 그려지지 않거나 하고,v-show의 경우 css display:none 차이가 있는데 사용자 입장에서는 동일한 결과인데..어떤 경우에 어떤 것을 사용하는 것이 좋을까요?
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..
현재 강의 기점으로 authorized에러가 난 적이 없었습니다. 그리고 강의 코드와 현재 똑같습니다. 그런데 Swagger UI에서 예시 게시글 1개를 작성하려하면 다음과 같이 에러 메시지가 뜹니다.. ㅠㅠ 제 console 창에 Authorized 문제가 발생했다고 서버에서 401이라고 하는데.. 혹시 어떻게 해야할까요?
-
해결됨Vue.js 시작하기 - Age of Vue.js
완강했따
와..해냇어칭찬해주세요 캡틴판교님
-
해결됨Vue.js 시작하기 - Age of Vue.js
스크립트 올리신 내용 물어봅니다.
<script src="">https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><script src="">https://unpkg.com/vue-router@3.5.3/dist/vue-router.js"></script> 이거 전에.. vue router 공식홈페이지에 올라와있는 뷰 라우터3.6버전 스크립트를 땡겨다 썻고..vue 스크립트는 이전까지 실습하실 때 쓰신 스크립트로 이어서 진행했습니다.이상하네요.. 올려놓으신 스크립트로 대채하니까 뷰 라우터가 잘 작동합니다..?근데.. 이전에 사용중이던 뷰 스크립트와현재 최신 뷰라우팅 스크립트를 같이 쓰면 뷰 라우팅이 안나오는걸까요? 디버거 찍어서 new VueRouter() 를 하면... 또 객체는 잘 뜹니다만..? 뷰와 뷰라우터의 버전에 따른 호환성 문제인가요?
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
dto 변환
회원가입과 비밀번호 암호화 - 1에 5분 10초 정도 쯤에 dto를 서비스 계층으로 바로 넘기는 것이 안 좋다고 호돌님께서 말씀하셨습니다. 그래서 궁금증을 해결해 보고자 검색을 해봤습니다. 근데 dto를 컨트롤러 계층에서 엔티티로 변환하고 서비스 계층으로 넘겨야한다는 의견도 있고 컨트롤러에서 변환하고 넘기는 것보다 서비스 계층에서 dto를 변환해야 한다는 의견이 있는데 호돌님께서 말씀하신 것이 제가 고민하고 있는 것이 맞는지 알고 싶고 호돌님께서는 왜 dto를 서비스 단에 바로 넘기는 것이 안 좋다고 했는지 궁금합니다.!! 의견이 너무 갈려서 뭐가 맞는 방법인지 헷갈리네요
-
해결됨Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
bookmark 목록 불러오는 중 Error: No such document 발생하였습니다.
북마크 강의에서 실행 하였을때 잘 작동하였으나, 막바지 배포 전 페이지 기능 확인 중에 오류 발견하였습니다. 아래는 도큐먼트이름과, 에러코드, 작성한 코드입니다. 선생님의 코드와 비교를 하고 복붙도 해보았으나 에러가 잡히지않았습니다. 도큐먼트 이름도 틀린 점이 없어 난항을 겪고 있습니다.답변 주시면 감사하겠습니다.createAt 오타 아닙니다!ㅠㅠ//post.js export async function getUserBookmarks(uid) { const q = query( collection(db, 'users', uid, 'bookmarks'), orderBy('createAt', 'desc'), limit(5), ); const querySnapshot = await getDocs(q); // 게시글 상세페이지 함수를 이용해 정보가져오기 return Promise.all( querySnapshot.docs.map(bookmarkDoc => getPost(bookmarkDoc.id)), ) .then(result => console.log(result)) .catch(e => console.error(e)); } //bookmark.vue<template> <PostList :items="items" /> {{ items }} </template> <script setup> import { useAsyncState } from '@vueuse/core'; import { getUserBookmarks } from 'src/services'; import { useAuthStore } from 'src/stores/auth'; import PostList from 'src/components/apps/post/PostList.vue'; const authStore = useAuthStore(); const { state: items } = useAsyncState(() => getUserBookmarks(authStore.uid)); </script> <style lang="scss" scoped></style>
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
watch 함수.. 질문입니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요.. 좀 이상한 질문이지만 궁금해서 남깁니다ㅠㅠ watch([x, y], ([newX, newY]) => { console.log(newX, newY); }); return { x, y }; }, 이런식으로 수업하실 때 예시를 들어주셨는데, 이런건 보자마자 바로 아는 게 아니고 공식문서 가서 사용법 보고 알 수 있는거죠..? 그냥 문법 자체를 암기하는 게 아니라 인강들으면서 어떻게 사용하는지 정도만 보고 나중에 필요할 때는 직접 공식문서 가서 쓰고 그러는건가요..?ㅜㅜ 너무 초보스러운 질문이지만 넘 궁금해서 남깁니다!ㅠㅠㅠㅠㅠ
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
emmet abbreviation
butt 까지만입력하고 자동완성버튼 누르면강사님처럼 안뜨네요 ㅠ 세팅 부분은 아래와 같고 // settings.json { "eslint.validate": [ "javascript", "javascriptreact", "typescript", "typescriptreact", // "html", // 삭제 "vue", "markdown" ], "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "editor.tabSize": 2, } 강의 초반에 설명해주신 플러그인은 모두설치되어있어요
-
미해결Vue.js 시작하기 - Age of Vue.js
v-slot 을 2중으로 가능한가요??
안녕하세요 Vue3 쪽에서 사용 중이긴 한데 v-slot 관련해서 궁금한 점이 있습니다. childComponent.vue<div> <slot name="child"></slot> </div> parentsComponent.vue<children-component> <template v-slot:child> ... </template> <slot name="parent"></slot> </children-component> topComponent.vue<parent-component> <template v-slot:parent> ... <template v-slot:child> ... </template> </template> </parent-component> 위와 같이 topComponent에서 parentsComponent.vue의 parent slot을 통해 childComponent.vue의 child slot으로 접근하고 싶은데 위처럼 코드를 작성하면 오류가 발생하더라구요. topComponent에서 parentsComponent의 슬롯을 통해 childComponent 슬롯으로 접근하려면 어떻게 해야 할까요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
컴포넌트 질문입니다.ㅠㅠ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 컴포넌트를 가져와서 사용하는 경우도 부모자식관계인건가요??예를들어서 TheNav.vue를 App.vue에서 사용하는 경우도 부모자식관계인건지 궁금합니다. 아니면 데이터 관련되어있을 때만 부모자식인건가요?ㅠㅠ 부모자식관계를 언제 따지는 지 잘 모르겠습니다ㅜㅜ 컴포넌트 가져와서 사용할 때 뷰 개발자 도구 확인하시던데, 그 컴포넌트 간의 관계를 편하게 보기 위해서 사용하시는건가요??ㅜㅜ
-
해결됨Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
firebase 설정시 문제가 생겨요
Failed to load resource: net::ERR_BLOCKED_BY_CLIENTclient-entry.js:144 [Quasar] boot error: TypeError: Failed to fetch dynamically imported module: http://localhost:9000/src/boot/firebase.js(anonymous) @ client-entry.js:144 quasar.config.js 에서 boot: ['firebase'] 설정시 위와 같은 console.error가 발생합니다!구글로그인 단계로 넘어가지 못하고 있는데, 방법을 모르겠어요 ㅠㅠ