월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
reject 실패 코딩
reject(error); 실패했을 때 .catch(error => { console.log(error); }); 이런식으로 하면 오류가 발생하는데ㅠ resolve와 reject 둘 다 코드를 작성했을 때 callAjax 과 fetchData 의 코딩이 어떻게 들어가는지 궁금합니다....!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
computed 오류 ㅠㅠ
오류가 나는 이유를 잘모르겠습니다.. vscode 재실행후 바로 서버돌리면 실행되네요.. 근데 저 문장 혹은 다시저장하면 바로 오류나오네요 ㅠ .. 해결했습니다.. computed 내의 if 문에서 마지막 else if 를 -> else 로 바꿨더니 오류없이 실행되네요
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
오류를 못잡겠습니다 ㅠ
삭제된 글입니다
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
레포지토리 권한 꼭 부여해주세요.
추석을 맞아서 스터디로 신청했는데 연휴라서 그러신건지 레포지토리권한을 아직도 안 주시는군요... 완강은 했지만 소스코드 확인하고 싶으니 권한 꼭 부탁합니다. 강의 내용에 아래 링크가 공유되어 있어서 신청했는데, 등록된 내용을 보니 '이 페이지는 더이상 사용 되지 않는 페이지입니다. 강의에 안내된 링크를 다시 확인해주세요' 이렇게 되어 있네요 T T; 2월부터 권한을 부여하지 않으신건지? 꼭 권한 부탁합니다. https://gist.github.com/joshua1988/60406722eb026e0fba71cb198c13dc82
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
error 'Vue' is defined but never used
error 'Vue' is defined but never used 저는 이런 에러가 오버레이로 표시되고 콘솔을 출력하지 않습니다. 어떤 문제일까요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
v-for 에서 v-bind:key값
v-for=" user in users " 요렇게 입력해주면 빨간밑줄로 v-bind 키 넣으라고해서 v-bind:key="user" 로 넣어줬는데 vscode 상에선 에러메시지가 안나오는데 라이브서버 돌리면 실행은되지만 에러메시지가 나오더라구요.. v-bind:key="user.id" 로 해주면 그제서야 사라지던데 user.id는 구글링해서 알게된거라.. 맞는것인지도 모르겠습니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
상위컴포넌트에서 slot 등록시 무조건 하위컴포넌트의 바로 아래 자식 요소여야 하는걸까요?
예제를 따라서 해보다가 하위컴포넌트 안에 slot속성을 지정했는데 slot을 div로 감싸니깐 안나오더라구요~ 무조건 하위컴포넌트 바로 아래 자식 요소여야 하나요?? <user-profile class="d-flex w-100 justify-content-between"> <div> <!-- 요렇게 div로 감싸면 안되는것 같아서요~~ --> <router-link slot="username" v-bind:to="`/user/${userInfo.user}`"> {{userInfo.user}} </router-link> </div> </user-profile>
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
CORS policy
Access to XMLHttpRequest at 'https://api.hnpwa.com/v0/undefined/1.json' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Mixin을 적용하면 데이터가 제대로 조회되지 않고 위와 같은 에러메시지를 띄웁니다. 무슨 문제일까요?
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
ListView.js?
View 폴더에 ListView.vue를 만드셨는데, ListView.js로 import하시네요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
$_Chart를 인식이 안되요..
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
ChartPlugin.js?7ae8:6 Uncaught TypeError: Cannot set property '$_Chart' of undefined 에러..
plugin해서 log까지 찍혓는데, ChartPlugin.js?7ae8:6 Uncaught TypeError: Cannot set property '$_Chart' of undefined 에러가 나오는데 이부분 질문드려요..!!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
스타일 관련
코드 상으로는 가로세로 400인데 왜 적용이 안되는건가요..? <canvas ref="lineChart" id="lineChart" width="400" height="400"></canvas> 400pxㅇ Eng400pxㅇ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
...mapGetters 에서 객체와 배열 연결 차이
fetchedAsk를 바로 쓰고 싶다면 배열로 연결하라고 말씀 하신 부분에서.. 바로 쓰고 싶다는 말이 무슨밀인가요..? 객체로 연결한거와의 차이점이 이해가 안가서요..!
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
dispatch 에 관한 질문입니다.
actions.js 에서 return response를 명시하지 않고 곧바로 Ask.vue에서 then으로 체인을 할수 있던데요, 어떻게 돌아가는건지 정확히 알 수 있을까요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
router.go(0) 을 사용하면 안되나요?
안녕하세요! 질문이 있습니다... npm run serve로 실행할 때는 router.go(0)을 사용해도 에러가 뜨지 않았는데 npm run build로 프로젝트를 빌드 한 뒤에 dist 폴더 에 생긴 파일들을 서버의 resource에 넣고 실행하니까 router.go를 사용했던 부분에서 페이지 에러가 떴습니다. 혹시 router.go는 사용하면 안되는 함순가요?,,,
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
질문있습니다!
두가지 질문있습니다 1. 현재 페이지가 a/b/3이고 a/b/5 페이지로 이동하고싶을 때, 즉 같은 컴포넌트 내에서 params 값만 바꾸어서 페이지를 변경하고 싶을땐 어떻게 해야되나요?? 해당 페이지에서 this.$router.push나 replace로 params만 변경했더니 navigation duplicated 에러가 발생하거나 console에 특정 변수들을 찍어보면 이전 페이지에 대한 데이터 역시 같이 찍히게 됩니다. mounted () { document.addEventListener('keypress', (e) => { if (e.keyCode === 97) { this.console(); } }); } (위와 같이 a버튼을 눌럿을 때, 콘솔에 찍히게 만들었는데 이때 이전 페이지에 있던 내용 역시 같이 찍히게 됩니다.) 사용한 함수는 아래입니다. (_randomKey가 있든 없든 제대로 동작하지 않습니다..) nexts () { return this.$router.replace({ name: 'Components', params: { id: this.next }, _randomKey: Date.now() }).catch(err => console.log(err)); } vue-route 공식문서에는 같은 컴포넌트 내에서 params만 바뀔땐 beforeRouteUpdate를 사용하라는 것을 보았는데, 단순하게 beforeRouteUpdate (to, from, next) { console.log(to); console.log(from); } 위처럼만 해도 console에 찍히지가 않아서 이걸 쓰는게 맞는건지 잘 모르겠습니다.. 어떤 방법으로 해결해야 될까요?? 2. 어떤 태그 하나에 대해서 클릭과 키 프레스 이벤트를 동시에 실행하고 싶은데 <v-btn @click="a" @keypress.enter="b"> 로 했더니 keypress에 대한 이벤트가 동작하지 않습니다. 이럴땐 document.addEventListener를 이용하는 방법밖엔 없는건가요??
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
강의 잘 듣고 있습니다. 프로젝트 진행중 답답한 상황이 생겨 질문드립니다.
강의와 관련없는 질문이라 조심스럽게 남겨 봅니다. Main.vue - Home.vue - PrpSearch.vue 구조인데 Main.vue에 <top-menu /> <router-view /> 두가지가 구성되어 있는데 Home.vue로 라우팅할시 top-menu는 노출하지 않고 PrpSearch.vue로 라우팅시 top-menu가 노출되는 형태가 되어야 하는데 간단한듯한데 쉽지 않네요. routes 구성은 { path: "/", component: () => import("@views/Main.vue"), children : [ { path: '/', name:'Home' , component: () => import("@views/home/Home.vue") }, { path: '/rnd/prp-search', name:'PrpSearch' , component: () => import("@views/rnd/PrpSearch.vue") }, ] }, 입니다. 감사합니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
'공통 컴포넌트 구현(2) - computed 속성' 영상에서 질문 있습니다.
<script> export default { created() { const name = this.$route.name; if (name === 'news') { this.$store.dispatch('FETCH_NEWS'); } else if (name=== 'ask') { this.$store.dispatch('FETCH_ASK'); } else if (name === 'jobs') { this.$store.dispatch('FETCH_JOBS'); } }, computed: { listItmes() { const name = this.$route.name; if (name === 'news') { return this.$store.state.news; } else if (name === 'ask') { return this.$store.state.ask; } else if (name === 'jobs') { return this.$store.state.jobs; } } } } </script> <script>태그 내용입니다. (강의 2분20초) 강의 내용과 똑같이 작성했습니다. 아무리 봐도 강의와 틀린점이 뭔지 모르겠는데.. (components/ListItem.vue) 36:16 error Expected to return a value in "listItmes" computed property vue/return-in-computed-property ✖ 1 problem (1 error, 0 warnings) 이런 에러가 발생하는데 에러 자체가 무슨 늬앙스인지는 알겠는데 도대체 어디서 뭐가 틀렸는지 모르겠습니다. 정확히 어떤 에러인지? 왜 발생했는지 알 수 있을까요 ㅠㅠ 몇시간넘게 여기서 헤메고있고.. 다음 진도를 못나가고 있습니다.
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
질문있습니다!
NewsView에서 'FETCH_NEWS'와 같은 문자열을 props를 이용해 ListItem으로 넘기면서 구현하려고 하는데 계속 Uncaught TypeError: Object(...) is not a function 라는 에러가 발생합니다... news 주소에서 처음부터 에러가 발생하는거인지 실행 자체가 안되서 개발자 도구에서 확인도 안되네요.. 아래처럼 만들었는데 문법적으로 잘못된 부분이 있는건가요?? // NewsView.vue <template> <list-item v-bind:FETCH="'FETCH_NEWS'" v-bind:items="news"></list-item> </template> <script> import ListItem from '../components/ListItem.vue'; import mapGetters from 'vuex'; export default { components: { ListItem }, computed: { ...mapGetters({ news: 'fetchedNews' }) } } </script> // ListItem.vue <template> <div> <ul class="news-list"> <li v-for="item in items" class="post" :key="item.title"> <div class="points"> {{ item.points }} </div> <div> <p class="news-title"><a v-bind:href="item.url">{{ item.title }}</a></p> <small class="link-text"> {{ item.time_ago }} by <router-link :to="'/user/'+item.user" class="link-text">{{ item.user }}</router-link> </small> </div> </li> </ul> </div> </template> <script> export default { created() { this.$store.dispatch(this.FETCH); }, props: { FETCH: String, items: Object } } </script> 한가지 질문이 더있는데, ListItem에서 listItems를 data에서 선언하고 created에서 분기처리할 때, 같이넣어주지 않고 computed로 따로 구현하신 이유가 있으신건가요??
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
cli 3버전 설치
강의 전체 듣고 나서 연습삼아 혼자 처음부터 해보려구 하는데요! cli를 재설치했더니 4버전으로 설치 되더라구요.. 버전 때문인지 main.js 의 코드가 배운 것과 다르더라구요.. 기존에는 아래 코드와 같았는데 import Vue from 'vue' import App from './App.vue' import {router} from './routes/index.js'; Vue.config.productionTip = false new Vue({ render: h => h(App), router, }).$mount('#app') 새로 설치한 후엔 아래 처럼 변경되었어요 import { createApp } from 'vue' import App from './App.vue' import { router } from './routes/index.js'; const app = createApp(App) app.use(router) app.mount('#app') router 등록 하는 부분도 기존과 달라서 찾아본 후에 코드 작성했는데, 기존에 배운 방식대로하면 router-link가 안걸리더라구요.. 버전때문이 맞다면 강의에서 배운 3버전이 익숙해서 3버전으로 설치하고싶은데 방법이 있을까요?? 감사합니당