월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
궁금한 점이 있습니다.
현재까지 작업한 내역들을 제 git 계정에 업로드를 했습니다. 개인아이디.github.io/learn_vue_js_04/vue-news/public/ 으로 접속을 하면 index.html 파일이 실행되기는 하지만, 로컬서버에서 작동한 것처럼 보여지지가 않습니다.. 작업 파일을 별도의 서버에 업로드 후, 확인하려면 어떻게 해야 하나요 ???
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 접근권한 요청
안녕하세요, 수강생입니다. 깃헙 접근 권한 부탁드립니다. 인프런 아이디: jhim147605 인프런 이메일: jhim147605@gmail.com 깃헙 아이디 : jhim000@naver.com 깃헙 Username : jihwann 감사합니니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
import 시 { 대괄호 }
분명 선수 과목 웹팩을 제외하고는 다 들었는데 .. ㅎ.ㅎ) 질문이 생기네요 import 할 때 { } 치는 것과 치지 않는 것의 차이는 여러개일 때와 아닐 때의 차이일까요?
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
div, tamplate slot 관련
안녕하세요. slot 을 div에 적용했을 때와 template 에 적용했을 때 궁금한 점이 있습니다. <div class="time"><slot name="time"></slot></div> 일 때 1. <div slot="time"></div> 로 적용하면 <div class="time"><div>slot 내용</div></div> 이렇게 나오고 2. <template slot="time"></template> 로 적용하면 <div class="time">slot 내용</div> 로 나오는게 맞나요?? template 태그로 slot을 불러오면 div, p 등의 태그 없이 컨텐츠 내용만 불러오는게 맞나요??
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 접근 관련
gist에 github 접근 허용 댓글 남겼는데 아직 안되어서요... 빠른 시일 내에 부탁드립니다. 인프런 아이디: isso@e-hcg.com 인프런 이메일: isso@e-hcg.com 깃헙 아이디 : goflvhxj2547@gmail.com 깃헙 Username : InSeong-So
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 허용부탁드려요
인프런 아이디: 리코다 인프런 이메일: ha07058@kookmin.ac.kr 깃헙 아이디 : layton3534@gmail.com 깃헙 Username : hwna00
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
axios.get callback 내부에서 this
안녕하세요 강의 잘 듣고 있습니다. 다름이 아니라 axios.get()의 callback 함수의 내부에서 vm.을 사용하셨는데, vm.users가 아니라 this.users를 사용해도 정상적으로 데이터가 들어가고 있습니다. async created(){ await axios.get('https://api.hnpwa.com/v0/news/1.json').then((res) => { console.log(res) this.newses = res.data }).catch((err) => { console.log(err) }) }, 인텔리센스가 띄워주는 타입을 보니 callback 내부의 this와 외부에서의 this가 동일하게 CombinedVueInstance로 잡히는데 혹시 차이점이 있을까요? 아니면 버전업에 따른 수정 사항인지 궁금합니다. 감사합니다.
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
this.$store.dispatch() 관련
안녕하세요. this.$store.dispatch 관련 직접 해보라고 하셨었는데, 아래 처럼 함수를 변수로 만들어서 적용하면 될까요?? 제가 테스트했을 때에는 올바르게 작동이 되었지만 이렇게 작성하는 것이 맞는 지 확인 부탁드립니다! const name = this.$route.name; const actionName = (name) => { this.$store.dispatch(name); } if ( name === 'news') { actionName('FETCH_NEWS'); }
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
dispathch 관련
dispathch 로 인자를 전달할 때, 1개만 전달할 수 있기 때문에 여러개일 경우 객체로 감싸서 전달해야 한다고 하셨습니다. 아래처럼 적용을 하면 되는 걸까요? actions.js 파일에서 객체로 전달했기 때문에 객체로 전달 받으면 되는 건가요?? // UserView.vue this.$store.dispatch('FETCH_USER', {userName, userName2}); // store/actions.js Fetch_USER({commit}, {name, name2})
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한
git 권한 주셨다는 댓 확인했는데 깃헙 접근이 안됩니다. ㅜㅜ 깃헙 아이디 coghkrk 입니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
404 나와서 깃허브 다시 요청드립니다
404 나와서 깃허브 다시 요청드립니다 인프런 아이디 : admin 인프런 이메일 : admin@esmail.co.kr 깃헙 아이디 : alsgurdk22@gmail.com 깃헙 Username : alsgurdk22
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Destructuring 을 배웠었나요...?
제가 입문부터 강의를 보고 있습니다. 지금 강의를 보면 Destructuring 을 말씀하셨다고 하셨는데.. 어느 강의에서 말씀하셨었나요..? 참고 URL 외엔 설명된 부분이 없는 것 같아서요.. 참고 URL 주신 사이트를 보면 context 처럼 response 를 인자로 무조건? 당연하게 받기 때문에 context.commit => { commit } response.data => { data } 로 표현한게 맞을까요?? 제가 이해한 부분이 맞는 지... 궁금해서 문의합니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
해당 API가 CORS걸었는지..
Access to XMLHttpRequest at 'https://api.hnpwa.com/v0//news/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. 하..슬프네요..;;
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
404 나와서 깃허브 다시 요청드립니다
인프런 아이디 : wonyong kim인프런 이메일 : iersans@gmail.com깃헙 아이디 : won-dragon깃헙 Username : won-dragon
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 허용 요청드립니다.
강의 다시 듣고있습니다. 허용 부탁드리겠습니다 ^^ 인프런 아이디: poptato 인프런 이메일: poptato@naver.com 깃헙 아이디 : poptato1999 깃헙 Username : poptato@naver.com
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
실패했을 때 코드가 이렇게 작성하면 되는 게 맞나요??
구글링을 해보니 error 코드를 적용하면 된다기에 아래처럼 코드를 작성했습니다. 그리고 브라우저에서 확인을 해보니 콘솔로그에서 errors , info 모두에 표시가 됩니다. 콘솔로그 - info 에서는 제가 표기한 error 메시지가 보입니다. 코드대로 제대로 보여진게 맞는 건가요?? function callAjax() { return new Promise(function(resolve, reject) { $.ajax({ url:'https://api.hnpwa.com/v0/news/100.json', success: function(data) { resolve(data); }, error: function(error) { reject(error) } }) }); } function fetchData() { // 1 var result = []; // 2 callAjax() .then(function(data) { console.log('데이터 호출 결과', data); result = data; console.log('함수 결과', result); }) .catch(function(error){ console.log('error!!'); }) } fetchData();
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vuejs 관련 여쭤봅니다.
입문과정부터 지금 강의까지 시청하면서 공부하고 있습니다. 다름이 아니라 vuejs와 sass 설치/사용법 관련한 강의는 추후 계획에 없으신가요?? 구글링으로 검색을 해봤지만 선생님처럼 자세한 사용법이 없는 것 같아서 여쭤봅니다..!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
API 지금 문제 있는건지 여쭙니다.
Access to XMLHttpRequest at 'https://api.hnpwa.com/v0/jobs/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. actions.js?63e0:40 err >>>>> Error: Network Error at createError (createError.js?2d83:16) at XMLHttpRequest.handleError (xhr.js?b50d:84) 해당 오류는 위와같습니다 .. ㅠ jobs페이지 DATA받고싶어요 ㅠㅠ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한요청 드립니다.
인프런 아이디 : wonyong kim인프런 이메일 : iersans@gmail.com깃헙 아이디 : won-dragon깃헙 Username : won-dragon
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깜빡거림 문제 state 질문드립니다.
실습 내용과 동일하게 진행중인데 깜박거림이 해결되지 않습니다. 몇시간을 삽질 했는데 이상한 부분이 있어서 질문드립니다.콘솔을 찍어보면 이상한 화면을 두번 뿌리는 부분이 있어서 깜빡거림이 있는데 무엇이 잘못된건지 모르겠습니다. routes/index.js { path: "/news", name: "news", component: NewsView, //component: CreateLiteView("news"), beforeEnter: (to, from, next) => { //라우터가드 console.log(3); Bus.$emit("start:spinner"); store .dispatch("FETCH_LIST", to.name) .then(() => { console.log(6); next(); }) .catch((error) => console.log(error)); }, }, store/actions.js FETCH_LIST({ commit }, pageName) { console.log(4); return fetchList(pageName) .then(({ data }) => { console.log(5); commit("SET_LIST", data); }) .catch((error) => { console.log(error); }); }, components/ListItem.vue export default { computed: { listItems() { console.log("data"); return this.$store.getters.fetchedList; } } } mixin/ListMixin.js import Bus from "../utils/bus.js"; export default { mounted() { Bus.$emit("end:spinner"); }, }; 콘솔로그 순서로 보면 처음 뉴스페이지에서 새로고침시 3>4>5>6>data 가 찍히고 다음질문페이지로 넘어가면 3>4>5>6>data>data 가 두번 찍힙니다. 깜빡거린다고 말씀주신 부분은 고쳐지지 않네요 ㅠ store/index.js state: { news: [], ask: [], jobs: [], list: [], user: {}, item: {}, }, state 부분을 삭제 해봤더니 data도 하나 찍히고 정상이에요. state없이도 getters가 되는가 싶기도 하고 영문을 모르겠습니다. vue 개발자 도구에서도 vuex에 sate가 등록되어있습니다. 분명히 제거했는데.. ㅠ ---------------------추가---------------- 깃에서 13번 브랜치 받아서 돌려봤는데 동일하게 깜빡 거리긴 하네요. 마찬가지로 store에서 state를 없애니깐 엄청 잘됩니다.