묻고 답해요
140만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vue가 인식되지 않는 현상
안녕하세요. 강의 따라서 HelloWorld.vue파일을 브라우저에서 띄워줬을 때vue가 인식되지 않는 현상(Vue.js not detected)이 있는데 왜 그럴까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
기초강좌는 어디있나요?
node.js등 설치관련 참고하려는데~ 기초강좌라고 하시는 강의 링크좀 부탁드립니다.
-
미해결Vue.js 시작하기 - Age of Vue.js
개발자도구 vue탭
소스를 저장 후 라이브서버까지 켜서 개발자도구에 들어가보니 어떤소스에서는 Vue탭이 뜨고 어떤탭에서는 Vue탭이 안뜨고 있는데 혹시 이유를 아실까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
저도 아래분과 같은 에러가 나는데
.eslintrc.cjs랑 setting.json 설정하고 저장을 누르면 ;콤마가 사라지면서 이렇게 에러가 납니다.
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
type : negative 무슨 의미인가요?
비동기상태(loading,error)관리 24:40제가 수업에서 놓친건진 모르겠는데요. 타입에 String, Number는 알겠지만 negative가 뭔지 모르겠네요. 검색해도 못찾겠구요.
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
강의 교안은 어떻게 볼 수 있나요?
여러군데 검색해도 나오지 않기에, 이곳에 올려봅니다. 항상 좋은 강의 감사드립니다!
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.
다름은 아니고 vue2.7 버젼을 사용하고 있습니다. 오늘 실무에서 업무를 진행하다. 한가지 의구심이 들어서 질문을 여쭈고자 합니다.부모 에서 ref 반응형 데이터가 존재하는데 이 반응형 데이터를 바로 아래 자식으로 props를 넘겨주었고 이 넘긴 props를 watch를 사용해서 변화가 있을때 어떤 로직을 처리하겠다.로 구현을 했습니다. 구현과정에서 컴포넌트를 나눌 필요가 생겨서 자식안에 자식을 하나 더 만들고 최상위 부모로 부터 받은 props를 그 최하위 자식에게 전달 후 최하위 자식에서 watch를 통해 어떤 로직을 처리하겠다. 로 구현을 했을때 최하위 자식에서 watch가 정상적으로 props의 변화를 인지 하지 못하는 이슈가 있었습니다. 하지만 해당 props값을 렌더링 했을때는 최하위 자식에서도 정상적으로 변했습니다. 결국 최하위 자식에서 deep과 immediate 옵션을 설정해 해결했는데 왜 이런식으로 동작했는지 검색을해도 나오지 않아서 궁금해서 여쭙고자 합니다. 여기서 ref 데이터 타입은 object이고 초기값은 null 입니다. 추가적으로 최하위 자식은 항상 렌더링 되는것이 아닌 v-if v-else가 걸려있습니다.
-
미해결[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
vue-loading-overlay show 오류 발생
main.jsimport VueLoading from 'vue-loading-overlay' import 'vue-loading-overlay/dist/css/index.css' app.use(VueLoading)LoadingOverlayView.vue<template> <div> <button @click="doSearch">조회</button> </div> </template> <script> export default { components: {}, data() { return { sampleData: '' } }, setup() {}, created() {}, mounted() {}, unmounted() {}, methods: { doSearch() { const loader = this.$loading.show() // simulate AJAX setTimeout(() => { loader.hide() }, 5000) } } } </script> 오류내용Cannot read properties of undefined (reading 'show') TypeError: Cannot read properties of undefined (reading 'show') at Proxy.doSearch (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/9_module/LoadingOverlayView.vue?vue&type=script&lang=js:15:36) at onClick._cache.<computed>._cache.<computed> (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/9_module/LoadingOverlayView.vue?vue&type=template&id=ce3ceda8:9:83) at callWithErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:351:19) at callWithAsyncErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:358:17) at HTMLButtonElement.invoker (webpack-internal:///./node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js:883:82)무엇 때문에 발생하는 오류일까요?
-
미해결Vue 3 중급 - Composition API
화면이 안나옵니다
(사진)
-
미해결Vue 3 시작하기
yarn serve 를 실행하기 위한 조건이 있을까요?
vue cli 생성 부분에서,npm install -g @vue/cli 하고vue create vue-cli2 로 생성하였습니다.깃허브에서 받은 소스에 이미 vue-cli 폴더가 있어서 저는 vue-cli2로 생성하였습니다. 근데 생성되는 진행과정을 보면, 강좌에서는 yarn install ... 이렇게 뜨던데요.그래서 실행도 yarn serve 로 하구요.. 그런데 저는 npm install ... 이걸로 되던데요. 실행도 npm run serve 로 해야하구요. 제가 강의 중간 어디서 yarn 설정에 관한 부분을 놓친 걸까요?
-
해결됨Nuxt.js 시작하기
24년 강의를 들으면서 에러나는 부분 정리
img url 기한만료로 깨져서 나올 때backend 폴더의 db.json 이미지 주소를 변경하시면 정상적으로 출력됩니다. 인덱스 0은 어떤 이유에서인지는 모르나 가져오지 못하기 때문에 30번을 추가하면 됩니다.아래 코드로 db imageUrl을 전체 수정하시면 됩니다."imageUrl": "https://picsum.photos/640/480"localhost 액세스 거부맥북인 경우에 종종 생기는 일인 거 같은데 크롬에서 잘 되다가도 안되면 포트를 5000에서 4000으로 바꾸고 실행하시거나다른 브라우저를 이용해서 진행하시면 됩니다.
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
fetch와 axios에 대한 질문
마지막 Nuxt Configuration 강의가 남아 있지만 궁금해서 질문을 던집니다. 주로 fetch를 이용해서 API 통신을 하는데 axios는 이제 앞으로 사용하지 않는 추세인가요?아니면 fetch 대신에 axios를 사용하는 것도 좋은 방법인가요?아직은 잘 몰라서 질문이 틀릴 수도 있는 점 이해주시면 감사드립니다.
-
해결됨쉽고 빠르게 배우는 Vue 3 기본 (Composition API)
마지막 8챕터는 재생되지 않네요~
마지막 8챕터는 재생되지 않네요~수강완료 되지 않습니다 확인해주세요~
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
교안에 있는 jsonwebtoken
안녕하세요이번에 nuxt로 프로젝트를 진행하고있습니다. 강의에는 없지만 교안에는 Authentication API Advanced 해당 부분이 있어 보고있는데, 여기서 jsonwebtoken 을 npm으로 설치를 하고, 해당 jwt를 import하면 500util.inherits is not a function이런 오류가 뜹니다. jsonwebtoken 버전을 다운그레이드해서 설치해도 동일한 문제가 발생하는데,어떻게 해야할까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
[axios 컴포저블 함수 구현 2] 17:30 부분 이해가 가지 않습니다
글 작성시 UI가 변경되는 원인이 이해가 가지 않습니다. 뒤에 UI 변경 문제를 해결 하는 과정은 이해를 했는데 그래서 UI가 왜 변경 되었는지에 대한 이유가 뭔지 모르겠습니다 ㅠㅜㅠㅜ
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
click이 커스텀 이벤트라 emits로 선언 해야한답니다
강의대로 따라서 코딩하였고이런 에러가 뜨길래 구글링 하였지만,emits를 선언 하라는 자료는 있긴 했습니다하지만 click 이벤트 선언이 안되어서 문제가 되는 경우는 안보이더라구요// PostListView.vue <PostItem :title="item.title" :content="item.content" :created-at="item.createdAt" @click="goPage(item.id)" @modal="openModal(item)" ></PostItem>저기 문제되고 있는 @click 이벤트를// PostItem.vue defineEmits(['modal', 'click'])이렇게 선언 하니까 경고가 사라지긴 했습니다 혹시 강의에 이 에러에 대한 내용이 있었나요?제가 놓친 것이 있나 싶어 글 올립니다추가)오늘 확인해보니 그냥 클릭 자체가 안되네요emits에서 'click' 을 지워도, 남겨도 post 카드 하나를 클릭 했을 때 상세 페이지로 넘어가지 않네요
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
volar 확장프로그램이 검색이 되지 않아요~
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.vscode에서 volar라는 확장 프로그램이 검색 되지 않는데어떻게 해야하나요reset.css, style.css 같은 전역적으로 사용하는 css 들은 어떻게 연결 시켜주는 게 좋을까요?devtools에서 컴포넌트가 안나오는데 어떻게 확인해야 할까요?? run시키면 http://localhost:5173/__devtools__/ 가 실행되고 그쪽에서만 확인이 가능합니다.강의를 듣고 사이트를 전반적으로 구축을 해야하는데 구조나 전체적으로 레퍼런스 삼을 수 있는 사이트가 있을까요 ㅠ?vue 공홈에 있는 사이트들은 devtools로 접근이 안되더라구요..미리 답변 감사합니다 ㅠㅠ
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
디스코드 커뮤니티 들어가지질 않아요.
계속 이렇게 나오네요. 확인좀 부탁드립니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
App.vue가 필요한 이유
안녕하세요. 수업 정말 재밌게 잘 듣고 있습니다.근데 듣다 보니 App.vue가 점점 왜소해지네요.앞으로는 store가 데이터 저장과 중앙 처리 역할을 모두 수행하는 것 같은데 App.vue가 있어야 할 이유는 무엇일까요?궁금하여 질문 남깁니다.
-
미해결실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
강사님, 브랜치명 어떻게 만드셨어요?
사진을 보니 이렇게 되있던데, 잘 되있더라구요!3-component 브랜치를 만들면, 해당 위치에서3-component/... 이렇게 만들 수 없더라구요. 강제로 만든건지?(강제 브랜치 생성 명령어)TabComponent같은 브랜치를 파서 작업한 다음, PR을 올려서 머지 시키면 자동으로 저렇게 바뀌는 건지?답변 부탁드립니다.