월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
routes 중에 없는 URL 을 입력했을때 왜 에러가 뜨지 않죠?
현재 /news /ask /jobs /items /users 다섯가지 path를 지정했는데, URL 에서 /first 이라고 입력했을때 router의 path에 등록되지 않은(유효하지 않은)경로인데 왜 에러가 뜨지 않나요? (빈페이지가 뜨긴 하는데, 로그에 에러가 발생하진 않네요)
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
리스트 렌더중 문제
3분 46초에 News에서 Ask로 접근할때 로딩바 종료된 후 Ask데이터를 불러올때 한번 살짝 보였다 사라진 다음에 다시 Ask 데이터가 노출됩니다. 저속으로 실행하니 저 현상이 명확히 보이네요.. 따라한 실습도 같은 현상인데 원인을 잘 모르겠습니다@.@
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
router > index.js 문제
export const router = new VueRouter({ 로 라우터를 export 했을 때 ;exrpot default was nout found in ./router.index.js0 워닝이 뜨면서 제대로 라우팅이 되지 않는 혆상이 발생하는데, 관련한 답변을 부탁드립니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
private github 초대 부탁드립니다.
인프런 아이디 : 조명준 인프런 이메일 : jomj3593@naver.com 깃헙 아이디 : jomj3593@gmail.com 깃헙 Username : myeongjun 감사합니다.
- Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
안녕하세요 판교님! indexOf() 혹은 includes() 사용법이 따로 있는 건가요 ?
삭제된 글입니다
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
이렇게 바꿔보면 어떨까요??
안녕하세요 캡틴판교님^__^ 이번 강의 실습을 하면서 fetchList를 하나로 두고 created() 될 때 각각 컴포넌트에서 type을 다르게 넘겨서 호출하면 안 될까? 하는 생각이 들어서 혼자 해보았는데 에러없이 잘 작동은 하는데, 혹시 이런 시도를 해보는건 어떤지 여쭤보고 싶습니다! :) api폴더 안에 index.js안에 fetchList 라는 함수를 한개만 만들고 config안에 전달받은 type에 따라 붙일 주소를 넣어두었어요! index.js 파일입니다! NewsView.vue 파일입니다! (나머지도 동일하게 해서 이거만 첨부했습니다!!)
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
gh-pages
마지막 작업으로 gh-pages를 통해 정적페이지를 만들려볼려고했습니다. yarn build 이후 1. vue.config.js 설정 module.exports = { lintOnSave: false, publicPath: process.env.NODE_ENV === 'production' ? '/vue.js-advanced/' : '/', }; 2. cd dist 3. git remote origin add url 4. git checkout -b gh-pages 5. gid add . 6. git commit -m "deploy" 7. git push origin gh-pages 8. https://dngwoo.github.io/vue.js-advanced/ 이렇게 해서 해보았습니다. 근데 해당 url에 들어가보시면 동작은하지만 새로고침하면 404 페이지가 뜨고 원래 바로 news로 리다이렉션이 되어야하는데 되지 않고 https://dngwoo.github.io/vue.js-advanced/ 이 페이지에 계속 머물러 있습니다. 그리고 news를 클릭하면 https://dngwoo.github.io/news로 가게 됩니다. 공식홈페이지대로 publicPath를 지정해주었는데 빼는게 맞는건가요? publicPath가 정확히 어떤 역할을 하는지 모르겠습니다..
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
네비게이션
판교님 블로그도 읽어보고 공식문서도 읽어보았습니다. 판교님 블로그에선 이해가 가지않는 부분은 없는데 공식문서를 읽어보니 단어에 대한 이해가 부족해서 궁금한게 있습니다. https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards 공식문서 1. 공식문서에서 말하는 hook이란 네비게이션 가드를 말하는건가요? 2. 공식문서에서 말하는 네비게이션을 보호한다라는것은 해당 url에 접근을 하지 못하게 한다는 뜻으로 받아들이면될까요? 네비게이션 = url인건가요?
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
라이프싸이클에 대한 질문
이번 강의와 좀 무관한 질문입니다..대충 루트 컴포넌트와 자식컴포넌트를 만들어서 라이플싸이클 훅을 돌려보니 parent beforeCreate parent created parent beforeMount child beforeCreate child created child beforeMount child mounted parent mounted 이 순서로 실행이 됩니다. 여기서 궁금한점이 1. 그림에서 Has el option ? 으로 되어있는것이 vue 인스턴스에 el option을 말하는것같은데 만약 없다면 new Vue({}).$mount("app")을 호출한다는 뜻인가요? 2. Create vm.$el and replace 'el' with it <- 이 부분은 인스턴스와 마운트된 태그를 $el에 담겠다는 것 인것같은데.... replace 'el' 에서 'el'이 정확히 어떤 것을 말하는지 궁금합니다. mounted()에 console.log(this.$el)로 찍어보니 mount된 태그가 나오더라구요. javascript로 따지면 vm.$el = document.querySelector(el) 이니깐 결국 'el'은 뷰옵션인 el : "#app" 의 el을 의미하나요? 3. 자식이 Created 될때 Has el option ? 부분에서는 어떻게 동작하는지 궁금합니다. 자식컴포넌트에서는 el option이 명시되어있진 않지만 싱글파일 컴포넌트의 template부분을 el로 알아서 잡는건지 ..
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
이벤트 발생 관련
선생님 News 태그를 클릭하면 이렇게 이벤트가 2번씩 발생하는데 이유가 무엇일까요?
- 해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
컴포넌트 선언 오류
component: createListView('NewsView') 이런식으로 컴포넌트슬 선언 하셨는데 제 코드 에서는 import로 불러왔던 컴포넌트 명이 사용되지 않았다고 오류가뜨는 데요 .. 어떻게 해결을 해야 할까요.?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 접근이 안되서요.. 리포지토리 권한 추가 부탁드립니다.
인프런 아이디 : 손나라 인프런 이메일 : son.nara@lgcns.com 깃헙 아이디 : nara0617@gmail.com 깃헙 Username : sonnaraon 감사합니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vue-advanced 404 로 접속이 안됩니다
안녕하세요 https://github.com/joshua1988/vue-advanced 페이지들어가려고하는데 404에러가떠서요 ㅠㅠ 로그인도 되어있는데, 페이지 접속이 안되네요 아래 형식으로 신청하고, 추가해주셨다고 답변도 받았엇어요 인프런 아이디 : nawhitegold@naver.com인프런 이메일 : nawhitegold@naver.com깃헙 아이디 : nawhitegold@naver.com깃헙 Username : nawhitegold 확인부탁드려요^^
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃접근이 안되요
인프런 아이디 : ehdgus930925@gmail.com인프런 이메일 :ehdgus930925@gmail.com깃헙 아이디 : wdh8224깃헙 Username : wdh8224
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
watch를 사용하여 store 값 변경 질문입니다.
안녕하세요! 강의 들으면서 개인적으로 프로젝트를 만들어보고 있습니다. 어떻게 컴포넌트를 쪼개야 효율적일까 많은 고민을 해보고 있습니다. 현재 만들어볼려고 하는 프로젝트에는 다음과 같은 wizard 형식의 폼이 있습니다. 다음과 같은 wizard 형식의 폼이 있습니다. Step1 > Step2 > Step3 순서로 총 3페이지에서 폼 데이터를 입력받습니다. Step1 페이지는 2개의 자식 컴포넌트를 가지고 있고 각각의 컴포넌트에는 <input type=“text”> 와 같은 텍스트 박스가 여러개 존재합니다. Step2, Step3 페이지도 Step1 페이지와 같이 자식 컴포넌트를 가지고 있으며 텍스트 박스를 여러개 가지고 있는 구조입니다. 이때 각 페이지는 단순히 자식 컴포넌트를 호출만 해주고 자식 컴포넌트에서 store 호출 및 데이터 저장을 하고 있습니다. 자식 컴포넌트의 텍스트 박스의 경우 v-model로 데이터를 맵핑하고 watch를 이용해서 실시간으로 store에 값을 직접 변경하고 있습니다. 이런식으로 자식 컴포넌트에서 watch를 이용해서 직접 store의 값을 변경하는게 좋은 방법일까요..? 너무 watch를 남발하고 있는것두 같고.. 부모 페이지에서 자식 컴포넌트로 props로 데이터를 내려주고 자식 컴포넌트에서 다시 부모에게로 이벤트를 발생시켜서 store의 값을 변경하는게 좋을까요? wizard 형식의 폼에서 store에 데이터를 저장하는 좋은 방법을 알고 싶습니다. 감사합니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
데이터가 잘 안뿌려 집니다 !
안녕하세요. 데이터가 즉각 잘 안뿌려져서 질문 드립니다. 일단 중간 정리까지는 구조가 다 똑같은데요 ! 한가지 다른 점이 있습니다. 리스트 뿌려지는 게 구조가 비슷해서 연습삼아 Modal.vue 예제처럼 components 폴더 하위에 common 폴더를 만들어 리스트 뿌려지 지는 템플릿을 작성후(slot="name") 컴포넌트를 하나 만들어서 공통으로 사용하고 있습니다. 결과적으로는 뿌려지기는 합니다만... 새로고침 하고나서 news, jobs, ask 탭을 여러 번 이동한 후에야 뿌려지네요 .. 개발자 도구 vue 탭을 보면 새로고침 당시엔 state에 Array 로 값은 다 가지고 있는데.. 아마 공통적으로 쓰여지는 제가 만든 컴포넌트를 가져오는 속도가 안맞는 걸까요 ? 새로고침 후에 바로 뿌려져야 하는데 다른 방도가 있는 지 궁금합니다 ㅎㅎ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
url 직접 호출시 페이지 안뜨는 문제
안녕하세요. 라우터 관련 질문이 있습니다. vue 라우터에서 경로별로 페이지가 이동하게 설정을 해놓았습니다. localhost 개발환경에서는 직접 url를 작성해서 치면 잘넘어가는데 빌드하고 배포 후 테스트를 하였더니 '/'는 페이지가 뜨나 '/main/list' 이런식으로 직접 url를 치면 해당 페이지로 이동을 못하고 있습니다. 설정을 따로 해주어야하나요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 404
안녕하세요 https://github.com/joshua1988/vue-advanced 페이지들어가려고하는데 404에러가떠서요 ㅠㅠ 로그인도 되어있는데, 페이지 접속이 안되네요 아래 형식으로 신청하고, 추가해주셨다고 답변도 받았엇어요 인프런 아이디 : jj777a@naver.com인프런 이메일 : jj777a@naver.com깃헙 아이디 : jj777a@naver.com깃헙 Username : jj999a 확인부탁드려요^^
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
eslint는 결국
결국 vue와 eslint가 맞지않는 부분이 있어 eslint 꺼야 되나요? 현업에서는 어떻게 하시나요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Jobs에 대한 API호출 실패
Jobs에 대한 API호출 시 아래와 같은 응답이 옵니다. https://api.hnpwa.com/v0/jobs/1.jsonError: could not handle the request