안녕하세요강의 잘 듣고 있습니다. ^^다름이 아니오라...강의중...json-server (github.com/typicode/json-server)READ .ME 내용이 다른거 같은데 우째 해야 하나요? ex: Total 검색도 안되고.. (화면에 없으니 검색이 안되겠지요)강의 화면 위에 주소를 접속해서 보고 있는데...이유가 뭘까요?전 없어요....ㅠㅠ;;ex: slice  

import { fileURLToPath, URL } from 'node:url' import Components from 'unplugin-vue-components/vite' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), Components({ dirs: [''], dts: true }), ], // mode: 'production', resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, build: { outDir: 'dist' } })failed to load config from C:\Users\woon\Desktop\frontend\urround-service\vite.config.jserror when starting dev server:Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'unplugin-vue-components' imported from C:\Users\woon\Desktop\frontend\urround-service\vite.config.js.timestamp-1724040920571-652e4de7c8db4.mjsat packageResolve (node:internal/modules/esm/resolve:854:9)at moduleResolve (node:internal/modules/esm/resolve:927:18)at defaultResolve (node:internal/modules/esm/resolve:1169:11)at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:383:12)at ModuleLoader.resolve (node:internal/modules/esm/loader:352:25)at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:227:38)at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:87:39)at link (node:internal/modules/esm/module_job:86:36) npm run dev시 위와 같은 에러가 납니다.어느 부분을 봐야할까요?unplugin-vue-components install 도 해보았습니다 

안녕하세요. 현재 vue3 환경으로 진행 중 개발자 도구로 css 요소검사를 하면 해당 css 경로가 보이질 않습니다. 예를 들어 개발자도구로 a 요소를 선택하면 해당 a 가 표기된 css 가 보여야 하는데 현재 <style> 로만 표시가 되어서 해당 요소가 어떤 css 파일에 들어있는지 파악하기가 어렵습니다.(현재 상태) (원하는 경로가 표시 되었을 경우 - 이건 예시예요!)혹시 위 사진처럼 css 경로가 표기될 수 있는 방법이 있을까요?

안녕하세요. 좋은 강의 잘보고 있습니다.강의를 진행하면서 한가지 문제가 있어서 문의드립니다.아래 스크린 샷과 같이 nuxtApp.provide 또는 Auto-Import 된 모듈을 Template 영역에서 사용하면 아래와 같이 속성을 찾을 수 없다는 에러가 발생합니다.  index.d.ts 또는 타입을 추가하면 해결될 것으로 보이긴 하지만, 강의에서는 딱히 타입을 추가로 정의하지 않은 것으로 보이는데 어떤 설정을 추가해야 정상적으로 타입스크립트가 속성을 인식할 수 있는지 궁금합니다. 감사합니다.

인프런 아이디 : ljm5697인프런 이메일 : ljm5697@naver.com깃헙 아이디 : ljm5937@gmail.com깃헙 username : zzeongm

vue.js 공부를 하려고하는데 LEARN-VUE-JS프로젝트는 깃헙에서 다운받으면 되는건가요?? 아니면 프로젝트 어떻게 만들고 진행하는지 궁금합니다.

vue-cli로 프로젝트를 생성한 후, vue-router로 페이지까지 설정한 상태인데요. 라우터 설정을 통해 url에 따라 view파일 안의 vue파일들이 출력되고 있습니다.또 view 파일의 vue파일들은 components 파일의 vue파일이 연결되어있는 상태인데, 제가 원하는 것은 App.vue의 data값을 components 파일의 AppTitle에 props로 내려주는 겁니다.어떻게하면 구현할 수 있을까요 도움 부탁드립니다! 

안녕하세요. 강의 따라서 HelloWorld.vue파일을 브라우저에서 띄워줬을 때vue가 인식되지 않는 현상(Vue.js not detected)이 있는데 왜 그럴까요?     

node.js등 설치관련 참고하려는데~ 기초강좌라고 하시는 강의 링크좀 부탁드립니다.

소스를 저장 후 라이브서버까지 켜서 개발자도구에 들어가보니 어떤소스에서는 Vue탭이 뜨고 어떤탭에서는 Vue탭이 안뜨고 있는데 혹시 이유를 아실까요?

.eslintrc.cjs랑 setting.json 설정하고 저장을 누르면 ;콤마가 사라지면서 이렇게 에러가 납니다.

비동기상태(loading,error)관리 24:40제가 수업에서 놓친건진 모르겠는데요. 타입에 String, Number는 알겠지만 negative가 뭔지 모르겠네요. 검색해도 못찾겠구요.

여러군데 검색해도 나오지 않기에, 이곳에 올려봅니다.  항상 좋은 강의 감사드립니다!

다름은 아니고 vue2.7 버젼을 사용하고 있습니다. 오늘 실무에서 업무를 진행하다. 한가지 의구심이 들어서 질문을 여쭈고자 합니다.부모 에서 ref 반응형 데이터가 존재하는데 이 반응형 데이터를 바로 아래 자식으로 props를 넘겨주었고 이 넘긴 props를 watch를 사용해서 변화가 있을때 어떤 로직을 처리하겠다.로 구현을 했습니다. 구현과정에서 컴포넌트를 나눌 필요가 생겨서 자식안에 자식을 하나 더 만들고 최상위 부모로 부터 받은 props를 그 최하위 자식에게 전달 후 최하위 자식에서 watch를 통해 어떤 로직을 처리하겠다. 로 구현을 했을때 최하위 자식에서 watch가 정상적으로 props의 변화를 인지 하지 못하는 이슈가 있었습니다. 하지만 해당 props값을 렌더링 했을때는 최하위 자식에서도 정상적으로 변했습니다. 결국 최하위 자식에서 deep과 immediate 옵션을 설정해 해결했는데 왜 이런식으로 동작했는지 검색을해도 나오지 않아서 궁금해서 여쭙고자 합니다. 여기서 ref 데이터 타입은 object이고 초기값은 null 입니다. 추가적으로 최하위 자식은 항상 렌더링 되는것이 아닌 v-if v-else가 걸려있습니다.

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 cli 생성 부분에서,npm install -g @vue/cli 하고vue create vue-cli2 로 생성하였습니다.깃허브에서 받은 소스에 이미 vue-cli 폴더가 있어서 저는 vue-cli2로 생성하였습니다. 근데 생성되는 진행과정을 보면, 강좌에서는 yarn install ... 이렇게 뜨던데요.그래서 실행도 yarn serve 로 하구요.. 그런데 저는 npm install ... 이걸로 되던데요. 실행도 npm run serve 로 해야하구요. 제가 강의 중간 어디서 yarn 설정에 관한 부분을 놓친 걸까요?

img url 기한만료로 깨져서 나올 때backend 폴더의 db.json 이미지 주소를 변경하시면 정상적으로 출력됩니다. 인덱스 0은 어떤 이유에서인지는 모르나 가져오지 못하기 때문에 30번을 추가하면 됩니다.아래 코드로 db imageUrl을 전체 수정하시면 됩니다."imageUrl": "https://picsum.photos/640/480"localhost 액세스 거부맥북인 경우에 종종 생기는 일인 거 같은데 크롬에서 잘 되다가도 안되면 포트를 5000에서 4000으로 바꾸고 실행하시거나다른 브라우저를 이용해서 진행하시면 됩니다.

마지막 Nuxt Configuration 강의가 남아 있지만 궁금해서 질문을 던집니다. 주로 fetch를 이용해서 API 통신을 하는데 axios는 이제 앞으로 사용하지 않는 추세인가요?아니면 fetch 대신에 axios를 사용하는 것도 좋은 방법인가요?아직은 잘 몰라서 질문이 틀릴 수도 있는 점 이해주시면 감사드립니다.