월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한 요청드립니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. git 권한 요청드립니다. 깃헙 user name : lewisjhon 깃헙 email : happin0202@naver.com
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한 요청 부탁드립니다
인프런 아이디: rizelin인프런 이메일: chaplin8977@gmail.com깃헙 아이디: chaplin8977@gmail.com깃헙 Username: rizelin - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한 요청드립니다.
강좌 따라가면서 하는데 오타가 많아서 git소스 보고 하려고 합니다. 권한 요청드립니다. https://github.com/ 깃헙 아이디: calla987@gamil.com
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
컴포넌트 라이프사이클 함수와 라우터 beforeEnter 시점차이 질문
안녕하세요 판교님.. 제가 강의를 따라가면서 의문점이 생겼습니다. 라우터 네비게이션 가드 beforeEnter 로직을 만들고 나서 페이지에 스피너가 남아있는 현상이 갑자기 생기더라구요. 저는 아래 이미지처럼 Root 인스턴스에 스피너를 켜고 끄는 것을 하나의 함수로 만들어 이벤트버스에 하나의 이벤트만 등록을 하여 사용하고 있었습니다. 다른 부분은 HOC, Mixin으로 페이지 컴포넌트의 created() 에서 데이터 패칭을 하면서 스피너를 켜고 끄는것이 정상적으로 작동했었는데 이번에 라우터 가드 부분에 해당 로직을 추가했던 NewsView에서만 스피너가 남아있는 현상이 생겼습니다. 왜 그런지 이해가 안가서 하나하나 로그를 찍어보면서 디버깅을 하던 와중에 라우터 가드부분과 Root App의 created, action부분에 로그를 찍어보니 라우터 가드 함수가 Root App의 created보다 먼저 로그가 찍히는 것을 발견했습니다. 결국 이 의미는 루트 컴포넌트에서 이벤트 버스 인스턴스에 이벤트를 바인딩하기전에 라우터의 beforeEnter가 실행되어 맨처음의 이벤트 emit이 발생했음에도 이벤트 바인딩이 되어 있지 않아 스피너가 켜지지 않았고, 데이터 패칭 중에 루트 컴포넌트에서 이벤트버스 인스턴스에 이벤트가 바인딩 된 후에, 마지막 이벤트 emit에 의해 스피너가 켜져있는 상태로 남았다는 결론이 되는데요.. 애초에 NewsView 페이지가 첫 페이지로 리다이렉트 되었기 때문에 루트 인스턴스가 생성되기 전에 네비게이션 가드가 실행된거기도 하고... 결국에 저 스피너 로직을 setTImeout과 같은 약간의 지연시간을 주면 잘 돌아가긴 하더라구요 그게 아니라면 토글식으로 스피너를 작동시키는 것이 아닌 판교님 강의해서 하신 것처럼 start시에는 true, end시에는 false를 각각 주는 방법으로 하면 티가 나진 않을텐데 이 현상을 잘 해결할 수 있는 방법은 어떻게 될까요? 글을 적다보니 길어진 것 같아 글이 잘 이해가 되실지 모르겠네요.. 죄송합니다
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 요청 드립니다!
인프런 아이디: glgl4454@naver.com 깃헙 아이디: ruret@naver.com 깃헙 username: slamdunk11 제가 gist에도 남기고 승인허가 메일도 받았는데막상 레포지토리 주소에 들어가니 404 에러가 떠서요ㅠ여기 한번 더 승인 부탁드리고자 글 남깁니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
npm run serve 에러
터미널에서 npm run serve를 입력하였는데 npm ERR! Missing script: "serve" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\82108\AppData\Local\npm-cache\_logs\2021-11-25T07_58_12_057Z-debug.log 이런 에러가 뜹니다 ..ㅠ npm 설치 되어있고 vetur, node 등등 다 설치 되어 있는 상태이고 vue/cli도 3.x버전인데 왜 실행이 되지 않을까요 ㅠㅠ 답변 부탁드려요 여기서 막혀서 1시간째 다음 진도를 못나가고 있어용..
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
async & await 처리 관련 질문드립니다.
안녕하세요! vue.js 로 프론트 개발하다가 질문이 있어 남깁니다. 컴포넌트에서 props로 함수를 받아 처리하는 부분이 있는데요, 그동안 해당 props는 일반함수로 받고, 받은 props 함수를 처리하는 함수는 async로 처리하고 있었는데, props로 받는 함수도 Promise 처리해야하는 경우가 생겼습니다. 그래서 Promise로 받는 별도의 props를 추가하지 않고 해당 props를 await 처리만 해줘도 괜찮을지 싶은데요, 혹시 Promise가 아닌 일반 함수를 await 붙여준다고 해서 문제가 있을까요? 테스트를 해보니 오류나 순서상의 문제 없이 정상 동작하는 것 같아 질문드립니다. 문제가 될 경우 이유와 어떻게 처리하면 될지 좋은 예시도 함께 알려주시면 감사드리겠습니다. 다음은 현재 질문 상황에 대한 예시 코드입니다. // 일반 함수 const printNum = (number) => { console.log(number); }; // Promise const logPrintNum = async (number, delaySec) => { console.log(`Enter logPrintNum ${number}`); await printNum(number); // 일반 함수를 await 처리 console.log(`Exit logPrintNum ${number}`); }; // 호출부 logPrintNum(1, 0); // 출력 결과 Enter logPrintNum 1 1 Exit logPrintNum 1
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 요청드립니다
인프런 아이디 : bluewhited@naver.com 인프런 이메일 : bluewhited@naver.com 깃헙 아이디 : bluewhited@naver.com 깃헙 Username : bluewhited
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 신청합니다.
인프런 아이디 : apex@apexsoft.co.kr 인프런 이메일 : apex@apexsoft.co.kr 깃헙 아이디 : tech.apexsoft@gmail.com 깃헙 Username : apexsoft-github
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 신청합니다
인프런 아이디 : dia_changmin@naver.com 인프런 이메일 : dia_changmin@naver.com 깃헙 아이디 : hwisaek 깃헙 Username : Hwisaek
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
반응형 관련 질문
강사님 잘 보고 배우고 있습니다, 감사합니다. 반응형 관련해서 모바일 가로, 세로 모드일 때도 비율 잘 유지하면서 구현 하려면 어떻게 해야하는지는 어느정도 알고 있는데 개인적으로 정답이 필요한 친구인데요. 많이 찾아봤지만 제 맘에는 안들었어서 강사님께서는 어디서 정보를 얻으셨는지 등을 여쭤볼 수 있을까요? breack-point를 잡아주고 미디어 쿼리문 내에서 계속 지정해 주면 코드가 너무 길어서 찾기도 힘들고 좀 별로였던걸로 기억합니다. 스타일링 가이드에 대한 해법을 찾을 만한 간단한 말씀을 해 주실수 있을까요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
컴파일링 에러: This dependency was not found 관련 질문
안녕하세요 강사님, userView 파트는 전부 이해했고, 개인 로럴 서버 돌리는 데 This dependency was not found: * core-js/modules/es.array.concat.js in ./src/api/index.js To install it, you can run: npm install --save core-js/modules/es.array.concat.js이러한 에러코드가 떠서 구글링 이후에 추가적으로 아래와 같이 적용시키고 바로 해결했는데요, 왜 이런 것인지 답변을 구할 수 있을까요?npm install --save core-js
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
mapState 적용 시 뜨는 간단한 에러코드에 관해
강사님 덕분에 잘 배우고 있습니다, 감사드립니다. 영상 05:12초에 mapState 가져와서 적용하고 로컬 서버를 띄우려고 하니 To install them, you can run: npm install --save core-js/modules/es.array.filter.js core-js/modules/es.object.get-own-property-descriptor.js core-js/modules/es.object.get-own-property-descriptors.js core-js/modules/es.object.keys.js core-js/modules/es.object.to-string.js core-js/modules/es.symbol.js core-js/modules/web.dom-collections.for-each.js 이러한 문구가 뜹니다. core.js 를 설치하면 될거라고 생각했어요, 그리고 나서 https://vuex.vuejs.org/kr/guide/state.html 에 들어가서 문서를 읽어보니 해당 문법이 조금 바꼈더라구요. 이러한 부분은 단순히 vue에서 어느정도 유도한 부분이 맞는지 해서 궁금했고, 제가 간단히 어떻게 받아들이면 되는지 해서 글 남겨요!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 부탁드립니다~
인프런 아이디: djwls5368@hanmail.net 인프런 이메일: djwls5368@hanmail.net 깃허브 아이디: linexy@naver.com 깃허브 Username: EoJin-Kim
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한 요청 부탁드립니다
인프런 아이디: hesjs5@skuniv.ac.kr 인프런 이메일: hesjs5@skuniv.ac.kr 깃헙 아이디: hesjs5@skuniv.ac.kr 깃헙 Username: hesjs5 git 권한 요청 부탁드립니다
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
CLI로 생성된 Vue 프로젝트에서 컴포넌트 생성 방식
강의에서 진행하고 계시는 Vue cli로 만든 예제에서 컴포넌트를 연결할 때는 var appHeader = { ... } 로 컴포넌트 연결하던 예전 입문자 방식으로는 적용이 되지 않았습니다. 싱글 파일 컴포넌트로 import 하면서 적용시키면 되더라구요. 제가 어떻게 받아들이면 되는지 해서 글 남겨요! Vue.js 에서 유도한 부분인건지 해서 글 남겼어요!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한요청드립니다
인프런 아이디: djwls5368@hanmail.net 인프런 이메일: djwls5368@hanmail.net 깃허브 아이디: linexy@naver.com 깃허브 Username: EoJin-Kim
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Mixins에러
무슨 문제 때문에 나는 에러인지 모르겠습니다 ㅠ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Vue.use(Vuex) 이부분에 대해 질문 드립니다
예제 내용 중 Vue.use(Vuex); export const store = new Vuex.Store({ state : { news : [] } }); 이런식으로 진행해야 한다고 말씀하셨는데 Vue.use함수가 하는 역할은 무엇인가요? Vue.use에 사용하는 Vuex의 객체와 new Vuex의 객체가 서로 연관관계가 없는거 같아서요. 제 생각에는 new Vuex로 생성하고 무언가 속성을 설정한다음에 Vue.use에 적용해야 할거 같은 느낌인데 그런거 같지 않아서 궁금합니다
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
SET_LIST가 안나옵니다;;
강의와 다른 것이라고 route 폴더명이 router라는 것입니다.. 뭐가 문제일까요...