현재 Vue3로 해당 강좌 진행중입니다...!이벤트 버스가 들어가면서 bus.js를 작성하면서부터 학습 진행을 따라갈 수 없게 되었는데요ㅠㅠ!! 이 경우 해결 방안이 있을까요...? 버전 다운을 해야만 진행 가능한 부분인걸까요..?코드상으로는 문제가 없으나 npm run serve시 해당 오류를 반환합니다..! bus 내 코드를 제거하고 확인하면 해당 오류가 노출되지 않아요 ㅠㅠ!! 

안녕하세요.단계(step)가 존재하는 페이지 이동시 공유 데이터 처리에 대해 질문 드립니다.예를 들어A프로세스 처리를A-1, A-2, A-3의 페이지로 나뉘어 져 있으며각 페이지에 입력된 값으로 최종 처리하고또한 뒤로가기 하였을 경우 각 단계에서 입력된 값은 그대로 유지하여 노출해주어야 할경우입니다. 구글링을 해보면 전역 상태 값이 아니니 pinia 사용은 지양하는 듯하고localStorage와 같은 기능을 사용하더군요.이런 기능들을 사용하지 않고 vue3 자체 기능으로 사용할만한 것은 없는지 문의 드립니다.

안녕하세요. 선생님.기본편부터 실전편까지 계속 반복해서 하라는대로 다 해봤는데 화면과 같이 규칙이 적용되지 않고, ","콤마도 사라지고, 빨간 밑줄이 생깁니다. npm run lint 명령어를 매번 실행해야 규칙이 적용되는 것 같은데, 뭘 놓친건지 확인 부탁드립니다. .eslintrc.cjs2. settings.jsonmain.js  

<NuxtLink v-slot="{ navigate }" custom :to="`/course/${courseSlug}`"> <CourseCard :title="title" :subtitle="subtitle" :thumbnail="thumbnail" /> </NuxtLink>해당 부분에서 오류가 발생하고 상세페이지로 진입이 안되는데 navigate 를 쓸 수 없는건가요?

ERROR in app.js from TerserError: error:0308010C:digital envelope routines::unsupported구글링해보니 리액트밖에 안뜨네요.. 어떻게 해야 하나요?

강의 내용대로 진행을 하였는데 아래와 같은 에러가 발생합니다. 순서는 아래와 같이 진행을 했습니다.vitePlugins에서 조금 틀리게 나오지만 없는 부분은 주석 처리해서 해보았지만 같은 현상입니다.  

TSLint가 Deprecated 됐다고 나와서요TSLint Vue 설치해도 되나요?

뷰 폴더 복사하기 강의를 듣고 있습니다. configureWebpack 를 추가하는 부분에서 에러가 발생합니다.  configureWebpack: { plugins: [ new FileManagerPlugin({ events: { onStart: { delete: [ '../backend/static/**', '../backend/templates/**', ], }, onEnd: { copy: [ { source: './dist/static', destination: '../backend/static' }, { source: './dist/favicon.ico', destination: '../backend/static/img/' }, { source: './dist/home.html', destination: '../backend/templates/' }, { source: './dist/dashboard.html', destination: '../backend/templates/dashboard/' }, ], }, }, }), ], },위와 같이 따라서 코드를 입력했는데 다음의 에러가 발생합니다.  ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function TypeError: defineConfig is not a function at Object.<anonymous> (E:\Enterprise\DonkeyJim\frontend\vue.config.js:5:18) at Module._compile (node:internal/modules/cjs/loader:1358:14) at Module._extensions..js (node:internal/modules/cjs/loader:1416:10) at Module.load (node:internal/modules/cjs/loader:1208:32) at Module._load (node:internal/modules/cjs/loader:1024:12) at Module.require (node:internal/modules/cjs/loader:1233:19) at require (node:internal/modules/helpers:179:18) at Service.loadUserOptions (E:\Enterprise\DonkeyJim\frontend\node_modules\@vue\cli-service\lib\Service.js:283:22) at Service.init (E:\Enterprise\DonkeyJim\frontend\node_modules\@vue\cli-service\lib\Service.js:72:30) at Service.run (E:\Enterprise\DonkeyJim\frontend\node_modules\@vue\cli-service\lib\Service.js:204:10) 어떤 부분이 문제인지 모르겠습니다.

현재 sec4에 webpack devserver 부분을 수강 중입니다. 강의에서는 devServer에 index 만 넣어도 잘 되는데 제가 했을 때는 잘 안 되었고, 다음과 같은 에러가 떴습니다. ERROR ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'index'. These properties are valid: object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }   chatGPT에 물어보니 다음과 같이 해야 한다고 답변을 받았습니다. devServer: { static: { directory: path.join(__dirname, 'dist'), watch: true, }, historyApiFallback: { rewrites: [ { from: /^\/home$/, to: '/home.html' }, { from: /^\/dashboard$/, to: '/dashboard.html' }, { from: /./, to: '/index.html' } // 모든 기타 요청을 index.html로 리디렉션 ] } },그런데 이렇게 해도 Cannot GET / 에러만 뜨고 화면이 나오지 않는데 어떤 부분이 문제인지 모르겠습니다. 현재 저는 강의를 들으면서 블로그를 만드는 것을 그대로 따라하지 않고 제가 만들고 싶은 것을 제작하는 중입니다.

강사님 강의 잘 듣고 있습니다!다음 강의를 들으려고 하는데요Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex이 강의는 이제 쿠폰이 제공되지 않는건가요? 양식을 기입했는데 쿠폰이 모두 소진됐다고 떠서요!

강사님 수업 정말 잘 듣고 있습니다.단순한 궁금증이 생겨 문의드립니다.Local Storage는 어디에 있는 걸까요?어떤 저장소를 사용하는 것인지 알고 싶네요

Vue에서 router link 사용시같은 url 이면 새로고침이 안되는데 어떻해야죠

Delete ␍ 오류나면prettier/prettier 쪽에 아래것 추가,endOfLine: 'auto',

jest.config.js 파일에서preset 밑에 transformIgnorePatterns: ['node_modules/(?!axios)'],이거 한 줄 추가해주시면 됩니다..이유는 axios 버전이 높아서 jest에서 es6를 인식 못하는것이 문제라고 합니다.. 감사합니다..

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. post[0].id 가 Number라서 router를 수정 하는 것 대신에:id="posts[0].id.toString() 을 해주면 안되나요? 뭔가 나중에 오류가 발생할 가능성이 있나요??

const fetchPost = async () => { try { const { data, headers } = await getPosts(params.value) posts.value = data totalCount.value = headers['x-total-count'] } catch (error) { console.error(error) } } watchEffect(fetchPost)const { data, headers } = await getPosts()로 요청하면 db.json에서 요청한 GET을 모두 가져오는데 params.value만 넣으면 가져오질 않습니다.Axios 모듈, 라우터 모두 다 점검해 봤지만 에러는 나지 않고 있습니다.

안녕하세요. json-server로 await this.$get()을 실행하니 CORS 오류가 발생합니다.강의 중에 언급한 부분을 놓친 건지.. 어떤 부분을 체크하면 될까요?감사합니다.

  <q-tabs v-model="tab" class="bg-grey-9" dense align="justify"> <q-tab class="text-orange" name="C" icon="mail" label="콘텐츠 등록" /> <q-tab class="text-cyan" name="M" icon="alarm" label="메뉴 등록" /> </q-tabs> <div class="col-8"> <q-form @submit.prevent="handleSubmit"> <q-card-section class="q-gutter-y-sm"> <div class="flex justify-between"> <q-select v-model="newCategory.majorCategory" outlined :options="majorCategoryOptions" emit-value map-options option-value="value" option-label="label" placeholder="::대분류선택::" style="width: 300px" > <template v-if="!newCategory.majorCategory" #selected> <span class="text-grey-7">::대분류선택::</span> </template> </q-select> <q-select v-model="newCategory.middleCategory" outlined :options="middleCategoryOptions" emit-value map-options option-value="value" option-label="label" placeholder="::중분류선택::" style="width: 300px" > <template v-if="!newCategory.middleCategory" #selected> <span class="text-grey-7">::중분류선택::</span> </template> </q-select> </div>분류 선택 없이 탭메뉴 이동 시에는 해당 영역의 카테고리를 잘 불러 옵니다.하지만 분류 카테고리를 선택후 탭메뉴를 이동시에 오류가 발생 합니다.변수 초기화 (탭메뉴 이동시)const getInitialForm = async (cinfo = 'C') => { newCategory.value = { parent: null, majorCategory: null, middleCategory: null, subCategory: null, detailCategory: null, ctitle: '', ccode: '', clevel: 0, cinfo: cinfo, order: null, open_flag: 'Y', clink: '', }; tab.value = cinfo; // Ensure the tab reflects the initial cinfo value // Initialize category options majorCategoryOptions.value = []; middleCategoryOptions.value = []; subCategoryOptions.value = []; detailCategoryOptions.value = []; }; // 대분류 const fetchCategories = async () => { try { const result = await get_category_child(null, newCategory.value.cinfo); majorCategoryOptions.value = result.map(cat => ({ label: cat.ctitle, value: cat.ccode, })); middleCategoryOptions.value = []; subCategoryOptions.value = []; detailCategoryOptions.value = []; } catch (error) { console.error(error); } }; // 카테고리 선택에 따른 하위 카테고리 갱신 watch( () => newCategory.value.majorCategory, (newValue, oldValue) => { if (newValue !== oldValue && newValue !== null) { fetchMiddleCategories(newValue); } }, ); 탭메뉴 이동시에 초기화도 진행 하였습니다만 계속 오류가 발생하는데 조언 부탁 드립니다. 감사합니다.

 안녕하세요. 5_styling 브랜치를 받고 2개의 에러를 수정이후 메인페이지 이동을 위한 this.$router.push('/main') ; 코드를 입력하면 아래와 같은 의존성 문제가 발생합니다.어떻게 해야 할까요?routers/index.js 에는 .. 아래 코드 추가해 주었습니다. { path: '/main', component: () => import('@/views/MainPage.vue'), },

강의가 재생이 안됩니다.다른 강의는 재생이 되네요.이상하네요. 다른 기기로(테블릿)는 또 재생이 되고폰으로는 안되는데더 이상한건 폰으로 할때도 이 강좌 말고 다른 강좌는 이상이 없으니 브라우저 문제도 아니고...