inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

TSLint 말고 TSLint Vue 설치해도 되나요?

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

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

  • javascript
  • vue.js
  • es6
  • vuex
빵다 댓글 3 좋아요 1 조회수 407

뷰 폴더 복사하기 configureWebpack 에러

미해결

Vue.js - Django 연동 웹 프로그래밍 (실전편)

뷰 폴더 복사하기 강의를 듣고 있습니다. 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
  • vuetify
별이좋은소년 댓글 2 좋아요 1 조회수 462

webpack devserver 에러

미해결

Vue.js - Django 연동 웹 프로그래밍 (실전편)

현재 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
  • django
  • vuetify
별이좋은소년 댓글 2 좋아요 0 조회수 329

다음 강의

해결됨

Vue 3 시작하기

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

  • javascript
  • vue.js
  • vue-3
에어 댓글 2 좋아요 1 조회수 293

로컬 스토리지는 어디에 있나요?

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

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

  • javascript
  • vue.js
  • es6
  • vuex
디에고시메오네 댓글 1 좋아요 1 조회수 312

Vue router-link 사용시 같은 url이면

해결됨

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

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

  • javascript
  • vue.js
volcano1122 댓글 1 좋아요 1 조회수 532

vue3로 따라오시다가 import axios 에러 뜨시는 분들

해결됨

Vue.js 끝장내기 - 실무에 필요한 모든 것

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

  • javascript
  • vue.js
  • vuex
루나 댓글 2 좋아요 2 조회수 496

post[0].id 관련 질

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

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

  • vue.js
양선주 댓글 2 좋아요 0 조회수 188

getPosts(params.value) 이슈

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

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
  • axios
  • http
  • get
  • postlistview.vue
Boai 댓글 3 좋아요 0 조회수 397

cors 에러

미해결

[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

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

  • vue.js
개발자 댓글 1 좋아요 0 조회수 248

q-tab 오류 문의

미해결

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

<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
  • quasar
joohyun kim 댓글 1 좋아요 0 조회수 271

$router 를 이용한 메인 페이지로 이동

해결됨

Vue.js 끝장내기 - 실무에 필요한 모든 것

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

  • javascript
  • vue.js
  • vuex
dodofa 댓글 1 좋아요 1 조회수 305

강의 동영상 재생 오류

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

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

  • vue.js
jina lee 댓글 2 좋아요 0 조회수 389

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요! 강의 듣으며 코드 작성중에 있는데 vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...

  • javascript
  • vue.js
  • es6
  • vuex
손승현 댓글 2 좋아요 1 조회수 440

export default 관련한 질문

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요 Modules 단계를 듣다가 궁금한 점이 생겨서 여쭤봅니다. export default {} 를 해야 import 를 할 수 있는 것으로 이해 하였습니다. 그런데 TodoHeader.vue 의 경우 스크립트 단을 아예 만들지 않아서 export default {} 가 없는데 어떻게 App.vue 에서는 TodoHeader를 import 할 수 있는 걸까요? 제가 예상하기로는 export default 단위 블록 안에 아무 내용이 없으면 생략 가능한 것 아닐까 라는 생각을 해보았는데 혹시 맞을까요?

  • javascript
  • vue.js
  • es6
  • vuex
hk 댓글 2 좋아요 0 조회수 399

공식홈페이지에 설치방법이 바뀐거같아요

미해결

Nuxt.js 시작하기

npx nuxi@latest init <project-name> 만 남아있고 npm설치방법은 안보이는데 말씀주신 방법도 작동은하네요 공식홈페이지에 적힌 방법과 말씀주신방법으로 생성하는게 폴더구조가 완전히 다른데 괜찮은건가요?

  • vue.js
  • nuxt.js
  • ssr
박영희 댓글 3 좋아요 1 조회수 433

교안 업데이트

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

안녕하세요! 프로젝트 구성 교안이 동영상에 나오는 내용과 실제 교안 내용이 다릅니다.. 업데이트가 안 된 것일까요? Bootstrap 설치도 동영상에서는 아이콘 한꺼번에 설치 명령어로 나오는데 실제는 따로따로 입니다 제가 본 교안 : https://gymcoding.notion.site/Bootstrap5-a1ec7644ec5f43c2a3fcb8ef848708a0 어느 교안을 봐야 하는지 확인 부탁 드립니다.

  • vue.js
hosuk054 댓글 1 좋아요 0 조회수 404

vscode 자동완성 관련하여 동작하지않을 때가 있습니다..

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 현재 vue3 강의 열심히 듣고 있는데요, 가끔 vscode에서 vue 파일을 생성하고 나면 해당 파일을 인식하지 못해서 자동완성 같은 것이 안될 때가 있습니다. 이럴 때 vscode를 껐다가 키면 다시 인식하기는 하는데 원인을 찾아봐도 알 수가 없네요.. 이는 짐코딩님이 알려주신 환경이 아닌 vscode로 vue를 사용할 때 전반적으로 나타나는 현상 같은데요, 혹시 이런 현상이 발생하지않으시나요? 혹시 발생하신다면 극복 방법이나 팁 같은 것 있으신가요? 안될 때마다 vscode를 껐다 키는 것이 너무 불편하네요..

  • vue.js
박정선 댓글 1 좋아요 0 조회수 450

깃허브 vue-todo 접근불가에 따른 확인요청

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

깃허브 권한이 별도 없다고해주셨는데, 아래와같이 vue-todo 접근이 불가해서 확인부탁드리려합니다.

  • javascript
  • vue.js
  • es6
  • vuex
조예림 댓글 2 좋아요 1 조회수 389

인기 태그

인프런 TOP Writers

주간 인기글