묻고 답해요
137만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들
{ path: '/:pathMatch(.*)*', component: () => import('@/views/NotFoundPage.vue'), },그냥 * 대신 이렇게 넣어주시면 정상적으로 동작합니다!!
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue 관련 다른 강의 출시예정이없으신지 궁금합니다!
안녕하세요~끝장내기 수업 정도나 이상의 긴호흡의 강의는출시하지 않으실 예정이신지궁금 합니다!
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
router-view에 props를 어떻게 넘길 수 있나요?
vue-cli로 프로젝트를 생성한 후, vue-router로 페이지까지 설정한 상태인데요. 라우터 설정을 통해 url에 따라 view파일 안의 vue파일들이 출력되고 있습니다.또 view 파일의 vue파일들은 components 파일의 vue파일이 연결되어있는 상태인데, 제가 원하는 것은 App.vue의 data값을 components 파일의 AppTitle에 props로 내려주는 겁니다.어떻게하면 구현할 수 있을까요 도움 부탁드립니다!
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vue가 인식되지 않는 현상
안녕하세요. 강의 따라서 HelloWorld.vue파일을 브라우저에서 띄워줬을 때vue가 인식되지 않는 현상(Vue.js not detected)이 있는데 왜 그럴까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
기초강좌는 어디있나요?
node.js등 설치관련 참고하려는데~ 기초강좌라고 하시는 강의 링크좀 부탁드립니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
App.vue가 필요한 이유
안녕하세요. 수업 정말 재밌게 잘 듣고 있습니다.근데 듣다 보니 App.vue가 점점 왜소해지네요.앞으로는 store가 데이터 저장과 중앙 처리 역할을 모두 수행하는 것 같은데 App.vue가 있어야 할 이유는 무엇일까요?궁금하여 질문 남깁니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
getter가 정의되어 있지 않아 오류가 발생합니다.
안녕하세요 강사님중급강의 스토어 모듈화까지 마치고 정상작동을 확인 한 후터미널에서 프로젝트를 재실행 하였지만오류로 인해 TodoList, TodoInput 등 작동 되지 않습니다.오류는 다음과 같고main.js와 store.js, todoApp.js 모두 import가 올바른 경로로 되어있습니다.main.jsimport Vue from 'vue' import App from './App.vue' import { store } from './store/store.js' new Vue({ el: '#app', store : store, render: h => h(App), }) store.jsimport Vue from 'vue' import Vuex from 'vuex' import todoApp from './modules/todoApp.js' Vue.use(Vuex); export const store = new Vuex.Store({ modules : { todoApp } });todoApp.jsconst storage = { fetch(){ const arr = []; console.log('created') if(localStorage.length > 0 ){ for(let i = 0; i < localStorage.length; i ++){ if (localStorage.key(i) !== 'loglevel:webpack-dev-server'){ arr.push(JSON.parse(localStorage.getItem(localStorage.key(i)))); } } } return arr; } } const state= { todoItems: storage.fetch() }; const getters = { getTodoItems(state) { return state.todoItems; } }; const mutations= { addOneItem(state, todoItem) { const obj = {completed: false, item: todoItem} localStorage.setItem(todoItem, JSON.stringify(obj)); state.todoItems.push(obj); }, removeOneItem(state, payload){ localStorage.removeItem(payload.todoItem.item); state.todoItems.splice(payload.index,1); }, toggleOneItem(state, payload){ state.todoItems[payload.index].completed = !state.todoItems[payload.index].completed; localStorage.removeItem(payload.todoItem.item); localStorage.setItem(payload.todoItem.item, JSON.stringify(payload.todoItem)); }, clearAllItems(state){ localStorage.clear(); state.todoItems=[]; } }; export default{ state, getters, mutations }
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
뷰 라이프사이클
Vue2는 created가 있지만,Vue3는 없기때문에 혼용해서쓴다면(누가하던 작업을 이어받음)Api호출을 mounted 시점에하는게 나을까요? created시점에 호출하는것과 차이 많이날까요?
-
미해결웹 게임을 만들며 배우는 Vue
숫자 야구 npm run build시 오류
ERROR in app.js from TerserError: error:0308010C:digital envelope routines::unsupported구글링해보니 리액트밖에 안뜨네요.. 어떻게 해야 하나요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
TSLint 말고 TSLint Vue 설치해도 되나요?
TSLint가 Deprecated 됐다고 나와서요TSLint Vue 설치해도 되나요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
로컬 스토리지는 어디에 있나요?
강사님 수업 정말 잘 듣고 있습니다.단순한 궁금증이 생겨 문의드립니다.Local Storage는 어디에 있는 걸까요?어떤 저장소를 사용하는 것인지 알고 싶네요
-
미해결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를 인식 못하는것이 문제라고 합니다.. 감사합니다..
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
$router 를 이용한 메인 페이지로 이동
안녕하세요. 5_styling 브랜치를 받고 2개의 에러를 수정이후 메인페이지 이동을 위한 this.$router.push('/main') ; 코드를 입력하면 아래와 같은 의존성 문제가 발생합니다.어떻게 해야 할까요?routers/index.js 에는 .. 아래 코드 추가해 주었습니다. { path: '/main', component: () => import('@/views/MainPage.vue'), },
-
미해결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 단위 블록 안에 아무 내용이 없으면 생략 가능한 것 아닐까 라는 생각을 해보았는데 혹시 맞을까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 vue-todo 접근불가에 따른 확인요청
깃허브 권한이 별도 없다고해주셨는데, 아래와같이 vue-todo 접근이 불가해서 확인부탁드리려합니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브에 문제있는것 같습니다.
깃허브에 문제있는것 같습니다.vue-todo 폴더에 들어가지지 않습니다.확인 바랍니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 강의 재생 화면 구성 변경 문의드립니다
안녕하세요. 캡쳐 드린것과 같이, 현재 커리큘럼 ,질문등이 갑자기 하단으로 내려가서 강의가 작게 나오는 불편함을 겪고 있었습니다. 원래는 브라우저의 오른쪽에 위치해서 마우스를 가져다대면 그제서야 커리큘럼이 나오거나 했었는데요.어떻게 변경해야하는지 모르겠어요 ㅠㅠ
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
혹시 node.js 10.24 버전으로 해도 상관없나요?
10.16 으로 nvm인스톨해도 계속 10.24 로 버전이 채킹이되더라구요