월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
리포지토리 신청합니다
인프런 아이디: woojing13@gmail.com 인프런 이메일: woojing13@gmail.com 깃헙 아이디: woojing13@gmail.com 깃험 Username: sy3ra
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
build 성공 후 배포 완료가 안됩니다
Repository를 fork 해서 실습해보는 중입니다. master에 vue-news가 없어서 다른 branch로 실습을 진행했는데요. Deploy log를 보면 lint를 통과하지 못해서 에러가 발생하는데, 결국 build가 된 것 같습니다. 그런데 강의에서처럼 Preview가 보이지 않아서 확인해보니 아직 Site deploy in progess 상태로 멈춰있었습니다. 원인이 lint를 통과하지 못해서가 맞는지 궁금합니다. 사용한 branch는 3_api, 13_api-advanced 입니다. 로그를 첨부합니다. 4:56:17 PM: 2 errors found. 4:56:17 PM: Module Warning (from ./node_modules/eslint-loader/index.js): 4:56:17 PM: error: Unexpected console statement (no-console) at src/views/UserView.vue:13:25: 4:56:17 PM: 11 | created() { 4:56:17 PM: 12 | fetchUser('davideast') 4:56:17 PM: > 13 | .then(response => console.log(response)) 4:56:17 PM: | ^ 4:56:17 PM: 14 | .catch(error => console.log(error)); 4:56:17 PM: 15 | } 4:56:17 PM: 16 | } 4:56:17 PM: error: Unexpected console statement (no-console) at src/views/UserView.vue:14:23: 4:56:17 PM: 12 | fetchUser('davideast') 4:56:17 PM: 13 | .then(response => console.log(response)) 4:56:17 PM: > 14 | .catch(error => console.log(error)); 4:56:17 PM: | ^ 4:56:17 PM: 15 | } 4:56:17 PM: 16 | } 4:56:17 PM: 17 | </script> 4:56:17 PM: 2 errors found. 4:56:17 PM: You may use special comments to disable some warnings. 4:56:17 PM: Use // eslint-disable-next-line to ignore the next line. 4:56:17 PM: Use /* eslint-disable */ to ignore all warnings in a file. 4:56:17 PM: File Size Gzipped 4:56:17 PM: dist/js/chunk-vendors.04ab93e8.js 126.98 kb 44.01 kb 4:56:17 PM: dist/js/app.a5b95203.js 5.58 kb 1.97 kb 4:56:17 PM: dist/css/app.71f56251.css 0.56 kb 0.29 kb 4:56:17 PM: Images and other types of assets omitted. 4:56:17 PM: DONE Build complete. The dist directory is ready to be deployed. 4:56:17 PM: INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
npm install 관련 질문입니다
안녕하세요 캡틴님! 다른게 아니라 git checkout을 해서 받았을때 폴더마다 npm install을 해야될까요..? 아니면 한번에 처리할 수 있는 방법이 있는지 궁금합니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
api 함수
강의내용을 참고하여 제가 news/ ask/ jobs의 api 함수를 하나로 만들어서 코딩하였습니다. 혹시 코딩을 진행할 때, 강의 처럼 기능에 대한 함수를 분리하는 것이 좋은 방법인지? 제가 한 것 처럼 해도 괜찮은 것인지 질문 드립니다. 코드의 흐름이나 구조?를 생각하였을 때 어떤식으로 진행을 하는 것이 권장되는 방법인가요??🙂
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 접근 요청드립니다.
인프런 아이디 : dudrbs10400@gmail.com 인프런 이메일: dudrbs10400@gmail.com 깃헙 아이디: dudrbs10400@gmail.com 깃헙 Username : MrFabulous00 초대 유효기간이 지나서 접근이 안되네요ㅠㅠ 다시 부탁드립니다~^^
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
<netlify 대신 호스팅에 직접 업로드>
질문 댓글에 답변이 없어서 다시 질문 올립니다. 제발 답변 달아주세요 ㅜ.ㅜ 답변 기다리다가 목빠집니다.. <netlify 대신 호스팅에 직접 업로드> build 후 dist 파일을 호스팅에 업로드 해봤는데 제대로 작동하지 않습니다. dist 파일에 있는 파일들 업로드 하는거 아닐까요? 어떻게 해야 하나요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한 요청드립니다.
인프런 아이디 :hyomi625 인프런 이메일 : hyomi625@naver.com 깃헙아이디 : hyomi625@naver.com 깃헙 Username : popory625
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
created() 훅 실행 시점과 기준
created() 훅 실행 시점과 기준 질문 드립니다. HOC가 아닌 일반 vue 컴포넌트를 적용하면, 페이지 진입 시에만 created() 훅이 실행되고 이후에는 route가 변경되더라도 실행되지 않는 것을 발견했습니다. vue 내부적으로 렌더링된 컴포넌트를 캐싱한다고 보면 되는지, 캐싱이 된다면 이런 옵션은 어떻게 설정하면 되는지 궁금합니다. 관련 자료를 찾아보려고 했는데 잘 안나오네요. 답변 부탁드리고 혹시 관련된 참고 자료가 있다면 같이 전달 해주시면 감사하겠습니다. <route 설정> export const router = new VueRouter({ mode: 'history', routes: [ { path: '/', redirect: '/news', }, { path: '/news', name: 'news', component: ListView, }, { path: '/ask', name: 'ask', component: ListView, }, { path: '/jobs', name: 'jobs', component: ListView, }, ] }); <ListView.vue> <template> <div> <list-item></list-item> </div> </template> <script> import ListItem from '../components/ListItem.vue'; export default { components: { ListItem }, }; </script> <ListItem.vue> <script> export default { created() { const pathName = this.$route.name; const actionMapper = { news: "FETCH_NEWS", ask: "FETCH_ASKS", jobs: "FETCH_JOBS", }; this.$store.dispatch(actionMapper[pathName]); }, computed: { listItems() { const pathName = this.$route.name; const state = this.$store.state; const stateMapper = { news: state.news, ask: state.asks, jobs: state.jobs, }; return stateMapper[pathName]; }, }, }; </script>
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
레파지토리 권한 요청드립니다.
인프런 아이디 : dudrbs10400@gmail.com 인프런 이메일: dudrbs10400@gmail.com 깃헙 아이디: dudrbs10400@gmail.com 깃헙 Username : MrFabulous00
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
null
null
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청 부탁드립니다.
인프런 아이디 : hanson 인프런 이메일 : hanson@loplat.com 깃헙 아이디 : poked.by.mocha@gmail.com 깃헙 Username : mochapoke 감사합니다!
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
fetchNewsList 관련 질문입니다
안녕하세요 판교님 강의 잘 들으면서 따라가고있습니다! 다름이 아니라 강의에서는 fetchNewsList를 vue파일이랑 js파일에 둘다 똑같이 import를 하셨던데 index.js에만 선언을 해도 상관없을까요? 양쪽 다 선언을 하니까 defined but never라고 ESLint가 오류를 일으켜서 vue쪽은 제거를 하니까 정상적으로 실행이 되었습니다 vue파일에서는 따로 index.js를 불러낸게 없고 $store를 통해서 실행이 된거 밖에 없는데 어떻게해서 불러낼수있었는지 이해가 안되네요..
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Hacker news api 접속 오류
Hacker news 클론코딩 실습을 진행하면서 axios로 api 데이터를 받아와지지가 않습니다. https://github.com/tastejs/hacker-news-pwas/blob/master/docs/api.md 에 올라와 있는 api 주소들 https://api.hnpwa.com/v0/news/1.json https://api.hnpwa.com/v0/newest/1.json https://api.hnpwa.com/v0/ask/1.json 세 개 모두 데이터가 받아와지지 않으며, 브라우저에서 링크 타고 접속하는것도 되지가 않습니다. 몇일전에는 잘 실습하다가 갑자기 오늘부터 이러는데..... 실습 환경의 문제인가요?? 필요한 정보일지는 모르겠지만, 브라우저에서 링크를 접속했을 때에는 500 ERROR가 발생합니다. 안내 문구는 다음과 같습니다. Error: Server Error The server encountered an error and could not complete your request. Please try again in 30 seconds.
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
eslint 설정 질문입니다
안녕하세요 강사님! 강의보면서 ESlint설정을 했는데 아무리해도 오류가 실행되지않더군요.. 그래서 확장프로그램을 따로 검색해서 설치를 했는데 이걸 사용해서 진행해도 큰 문제가 없을까요??
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
eslint 설정 질문입니다!
lint가 강사님과는 조금 다르게 동작하는 부분이 있어서 질문 드립니다~ 사용 중인 eslint는 v7.32.0, Vue CLI는 4.5.13 입니다. vue-news가 루트로 설정되어 있는 상태입니다. 0. 최초에 settings.json에 lint 관련 설정이 없었습니다. 강사님께 다른 질문에 답변하신 내용을 보고 추가했는데 그 후부터 lint가 동작했습니다. eslint 플러그인, eslint npm 패키지 설치 외에도 추가로 했어야 하는게 있었는지 궁금합니다. 1. console.log를 사용하더라도 lint 룰이 적용되지 않습니다. 저는 package.json에 no-console: error를 등록하고 나서부터야 lint가 동작합니다. 강의에서 lint rule을 설정하는 부분은 없었는데 어떤 부분이 다른지 궁금합니다. 2. lint 룰에 잡히더라도 save할 때 터미널에 오류가 표시되지 않습니다. 터미널에는 컴파일 성공으로 나타나고, Problems 탭에서 lint 룰에 잡힌게 나타납니다. lint를 통과하지 못했을 때 컴파일 실패하려면 다른 옵션을 적용해야할까요? 제가 이전 단계의 강의를 듣지 않고 이번 강의부터 듣고 있는데, 프로젝트 설정 관련하여 참고할 자료가 있다면 같이 말씀 해주시면 감사하겠습니다. 강의 진행하는데 문제는 없는데 vue cli로 lint 설정하는게 조금 헷갈리네요 ㅎㅎ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한요청드립니다.
인프런 아이디 : zxcvc12339@gmail.com 인프런 이메일 : nim730@naver.com 깃헙 아이디 : nim730@naver.com 깃헙 Username : minhoo730 감사합니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vue3에서 slot, slot-scope이 deprecated 되었는데...
안녕하세요. Vue3를 적용해서 코드 작성을 연습하고 있는데 Vue3에서는 공식적으로 slot, slot-scope가 deprecated 된걸로 압니다. 그렇다면 알려주신 renderless component 개념은 vue3에서 사용이 안되는걸까요? 아니면 deprecated 됨에도 불구하고 다른 속성(?), api(?)를 사용해서 구현해야 하나요? 이후에도 많이 사용되는 구현 방법일지 궁금합니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
화면 설계 순서
화면을 설계할 때 라우터부터 설계해야하는 이유가 무엇인지 궁금합니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
ESLint 에러
ESLint 에러가 발생하지 않고 정상 컴파일됩니다.. 설정이 잘못 된 것인가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
수업 페이지 공유 관련
안녕하세요. 회사에서 해당 강의에서 사용하고 계시는 페이지내용을 공유하고 싶은데, 혹시 출처를 명시하여 공유를 해도 되는건지, 공인ip를 통해 접근할 수 있는 사이트는 없는지 궁금합니다!