묻고 답해요
144만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
TSLint 말고 TSLint Vue 설치해도 되나요?
TSLint가 Deprecated 됐다고 나와서요TSLint Vue 설치해도 되나요?
-
미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
뷰 폴더 복사하기 configureWebpack 에러
뷰 폴더 복사하기 강의를 듣고 있습니다. 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) 어떤 부분이 문제인지 모르겠습니다.
-
미해결Vue.js - Django 연동 웹 프로그래밍 (실전편)
webpack devserver 에러
현재 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 3 시작하기
다음 강의
강사님 강의 잘 듣고 있습니다!다음 강의를 들으려고 하는데요Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex이 강의는 이제 쿠폰이 제공되지 않는건가요? 양식을 기입했는데 쿠폰이 모두 소진됐다고 떠서요!
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
로컬 스토리지는 어디에 있나요?
강사님 수업 정말 잘 듣고 있습니다.단순한 궁금증이 생겨 문의드립니다.Local Storage는 어디에 있는 걸까요?어떤 저장소를 사용하는 것인지 알고 싶네요
-
해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Vue router-link 사용시 같은 url이면
Vue에서 router link 사용시같은 url 이면 새로고침이 안되는데 어떻해야죠
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면
Delete ␍ 오류나면prettier/prettier 쪽에 아래것 추가,endOfLine: 'auto',
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
vue3로 따라오시다가 import axios 에러 뜨시는 분들
jest.config.js 파일에서preset 밑에 transformIgnorePatterns: ['node_modules/(?!axios)'],이거 한 줄 추가해주시면 됩니다..이유는 axios 버전이 높아서 jest에서 es6를 인식 못하는것이 문제라고 합니다.. 감사합니다..
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
post[0].id 관련 질
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. post[0].id 가 Number라서 router를 수정 하는 것 대신에:id="posts[0].id.toString() 을 해주면 안되나요? 뭔가 나중에 오류가 발생할 가능성이 있나요??
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
getPosts(params.value) 이슈
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 모듈, 라우터 모두 다 점검해 봤지만 에러는 나지 않고 있습니다.
-
미해결[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
cors 에러
안녕하세요. json-server로 await this.$get()을 실행하니 CORS 오류가 발생합니다.강의 중에 언급한 부분을 놓친 건지.. 어떤 부분을 체크하면 될까요?감사합니다.
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
q-tab 오류 문의
<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); } }, ); 탭메뉴 이동시에 초기화도 진행 하였습니다만 계속 오류가 발생하는데 조언 부탁 드립니다. 감사합니다.
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
$router 를 이용한 메인 페이지로 이동
안녕하세요. 5_styling 브랜치를 받고 2개의 에러를 수정이후 메인페이지 이동을 위한 this.$router.push('/main') ; 코드를 입력하면 아래와 같은 의존성 문제가 발생합니다.어떻게 해야 할까요?routers/index.js 에는 .. 아래 코드 추가해 주었습니다. { path: '/main', component: () => import('@/views/MainPage.vue'), },
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
강의 동영상 재생 오류
강의가 재생이 안됩니다.다른 강의는 재생이 되네요.이상하네요. 다른 기기로(테블릿)는 또 재생이 되고폰으로는 안되는데더 이상한건 폰으로 할때도 이 강좌 말고 다른 강좌는 이상이 없으니 브라우저 문제도 아니고...
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
안녕하세요!강의 듣으며 코드 작성중에 있는데vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
export default 관련한 질문
안녕하세요 Modules 단계를 듣다가 궁금한 점이 생겨서 여쭤봅니다. export default {} 를 해야 import 를 할 수 있는 것으로 이해 하였습니다. 그런데 TodoHeader.vue 의 경우 스크립트 단을 아예 만들지 않아서 export default {} 가 없는데 어떻게 App.vue 에서는 TodoHeader를 import 할 수 있는 걸까요? 제가 예상하기로는 export default 단위 블록 안에 아무 내용이 없으면 생략 가능한 것 아닐까 라는 생각을 해보았는데 혹시 맞을까요?
-
해결됨Nuxt.js 시작하기
공식홈페이지에 설치방법이 바뀐거같아요
npx nuxi@latest init <project-name>만 남아있고 npm설치방법은 안보이는데말씀주신 방법도 작동은하네요 공식홈페이지에 적힌 방법과 말씀주신방법으로 생성하는게 폴더구조가 완전히 다른데 괜찮은건가요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
교안 업데이트
안녕하세요! 프로젝트 구성 교안이 동영상에 나오는 내용과 실제 교안 내용이 다릅니다.. 업데이트가 안 된 것일까요?Bootstrap 설치도 동영상에서는 아이콘 한꺼번에 설치 명령어로 나오는데 실제는 따로따로 입니다 제가 본 교안 : https://gymcoding.notion.site/Bootstrap5-a1ec7644ec5f43c2a3fcb8ef848708a0 어느 교안을 봐야 하는지 확인 부탁 드립니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
vscode 자동완성 관련하여 동작하지않을 때가 있습니다..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 현재 vue3 강의 열심히 듣고 있는데요, 가끔 vscode에서 vue 파일을 생성하고 나면 해당 파일을 인식하지 못해서 자동완성 같은 것이 안될 때가 있습니다. 이럴 때 vscode를 껐다가 키면 다시 인식하기는 하는데 원인을 찾아봐도 알 수가 없네요.. 이는 짐코딩님이 알려주신 환경이 아닌 vscode로 vue를 사용할 때 전반적으로 나타나는 현상 같은데요, 혹시 이런 현상이 발생하지않으시나요? 혹시 발생하신다면 극복 방법이나 팁 같은 것 있으신가요? 안될 때마다 vscode를 껐다 키는 것이 너무 불편하네요..
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 vue-todo 접근불가에 따른 확인요청
깃허브 권한이 별도 없다고해주셨는데, 아래와같이 vue-todo 접근이 불가해서 확인부탁드리려합니다.