55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 리포지토리를 어디서 확인 할 수 있나요?
리포지토리 권한 요청 드렸었고 추가해주셨다고 답변을 받았었습니다! 답변 확인 후 접속 하였을 땐 브랜치별로 확인이 가능했는데 vuex에서 막혀서 클론 하려고 들어가보니 접근을 위한 계정 댓글 남기는 창만 뜨고 제 계정 정보에서도 확인이 안되서 어디서 브랜치를 확인할 수 있는지 모르겠네요ㅠㅠ.. 깃헙 아이디는 hyoni0712@gmail.com 이었습니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 리포지토리 권한 요청 드립니다!
인프런 아이디 : junyoung.jeong@itmsg.co.kr 인프런 이메일 : junyoung.jeong 깃헙 아이디 : bargyoon@gmail.com 깃헙 Username : bargyoon
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
store를 사용하면 기존에 사용하던 props와 emit을 사용할 필요가 없는건가요?
이번강의 보다가 문득 든 생각이, store를 사용하면 기존에 props로 하위 컴포넌트에 데이터를 내려주고, 하위컴포넌트에서 event를 발생시켜서 상위 컴포넌트에서 data를 수정하는 과정이 필요가 없는거 아닌가 생각이 들어서요.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
모듈 속 state와 mutations에 접근할 때의 차이
강의 내용대로 state, getters, mutations를 모두 tudoApp.js로 옮긴 뒤에, 컴포넌트에서 this.$store.state.todoItems에 접근하지 못하게 되어 할일목록이 렌더링이 되지 않는 문제가 있었습니다. 그런데 질문들을 살펴보니까, todoApp 모듈을 import해서 작성된 store이기 때문에 this.$store.state.todoApp.todoItems로 접근해야 되더군요. //todoInput.vue 그래서 위처럼 적용해주었더니 컴포넌트에서도 문제없이 todoItems에 접근이 잘 되었습니다. 그런데 mutations의 경우에는 위와 같이 todoApp모듈로 옮긴 내용을 고려하여 코드를 바꿔주지 않아도, 문제가 없었습니다. //todoList.vue 분명 mutations들도 todoApp 모듈 안으로 옮겼는데, 'removeTodo: 'todoApp/removeTodo' 'toggleComplete: 'todoApp/checkTodo' 와 같이 변경적용한다거나 하는 점이 필요 없이 잘 실행되는건가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
git clone
git clone 이 안되어요 다운로드는 브렌치에서만 되어요 권한요청은 몇달전에 했는데요~ 또 해야하는건가요??
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
commit의 인자
// store.js state: { storeNum: 10}, mutations: { modifyState(state, str, num){ console.log(str); return state.storeNum += num; } } this.$store.commit('modifyState', 'passed from payload', 20) ; 이렇게 commit 할 때 처음부터 modifyState 함수에 여러 개의 인자를 넘겨주는 건 안 되는건가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃 repo 권한 요청드립니다!
안녕하세요! 이번에 사내에서 신규프로젝트로 Vue.js 이용한 웹앱 개발을 진행하는 초급개발자입니다.. ㅜㅜ 기효님 초급 강의를 듣고 조금 더 스텝업이 필요해 중급강의까지 수강하게 되었습니다..! 깃헙 리포지토리 권한 요청드리니 확인해주시면 감사하겠습니다! 인프런 아이디 : haha3423@naver.com 인프런 이메일 : haha3423@naver.com 깃헙 아이디 : haha3423@naver.com 깃헙 Username : haha3423 / JHCHO 늘 양질의 강의 감사드립니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
v-if 대신 :show
영상 내용과 코드는 똑같은데, modal 창이 계속 뜨지 않았습니다. v-if="showModal" 대신 v-show="showModal"로 해보아도 안 됐다가, :show="showModal"로 해보니까 정상적으로 modal이 나타났다 사라지는 기능이 작동했습니다. 위와 같은 상황은 왜 그런 걸까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 요청입니다.
인프런아이디 : rhrhkdduq2@gmail.com 인프런이메일 : rhrhkdduq2@gmail.com 깃헙아이디 : rhrhkdduq2@gmail.com 깃헙 Username : studiohat
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
브랜치 체크아웃 시
브랜치 체크아웃하고 다른 브랜치로 옮겨갈 때, 제가 master branch에서 강의내용을 따라 이것저것 작업했던 내용들은 저장이 안 되잖아요? 그럼 제가 소유한 다른 리모트 레포에 깃 푸시한 뒤에 브랜치 체크아웃하면 적절할까요?
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
오류 발생
사진과 같이 오류가 발생하는데 해결 방법을 모르겠습니다.. 혹시 알려주실 수 있으실까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
왜 branch가 master 하나밖에 안 뜰까요?
위 사진과 같이 클로닝까진 성공했는데, 클론 한 이후에 로컬 레포지터리 내부에서 브랜치를 확인해보면 master 브랜치 하나밖에 없네요... 혹시 클로닝 과정이 잘못된 걸까요?? 하나 영상과 다른 게 있다면 구글에서 프라이빗 레포지터리를 클로닝하는 법을 찾아보고 ssh링크를 복사하여서 클로닝하였다는 점입니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
favicon 경로 질문
안녕하세요! 강의 잘 듣고 있습니다 :) 강의를 진행하며 궁금한 부분이 생겨 질문 남깁니다. 강의를 진행하던 중 favicon 경로 설정을 잘했다고 생각하였는데, favicon 경로를 찾지 못하는 현상이 나타났습니다. 저의 프로젝트 구조와 코드는 아래와 같았습니다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- 페이지 반응형 설정 --> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <!-- 파비콘 설정 --> <link rel="shortcut icon" href="../src/assets/favicon.ico" type="image/x-icon"> <link rel="icon" href="../src/assets/favicon.ico" type="image/x-icon"> <!-- awosome icon CDN --> <script src="https://kit.fontawesome.com/8bfe0c4184.js" crossorigin="anonymous"></script> <!-- 페이지 글꼴 설정 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> <title> <%= htmlWebpackPlugin.options.title %> </title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html> 하지만 코드 작성후 cmd + 클릭하여 해당 파일이 잘 연결된 것을 확인하였으나, 아래와 같이 이미지 경로를 찾지 못하였습니다. 이후 다음과 같이 파비콘 파일의 위치를 변경한 후 경로 코드를 재작성한 결과 정상적으로 수행되는 것을 확인할 수 있었습니다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- 페이지 반응형 설정 --> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <!-- 파비콘 설정 --> <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"> <link rel="icon" href="./favicon.ico" type="image/x-icon"> <!-- awosome icon CDN --> <script src="https://kit.fontawesome.com/8bfe0c4184.js" crossorigin="anonymous"></script> <!-- 페이지 글꼴 설정 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> <title> <%= htmlWebpackPlugin.options.title %> </title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html> 혹시 경로를 정상적으로 지정하였음에도, 이러한 현상이 나타나는지 알려주실 수 있으실까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 요청이요
인프런아이디 : dcb95@naver.com 인프런이메일 : dcb95@naver.com 깃헙아이디 : coqls95@gmail.com 깃헙 Username : been95
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 액세스 요청드립니다.
인프런 아이디 : koallarry11 인프런 이메일 : koallarry11@kaist.ac.kr 깃헙 아이디 : abepje@naver.com 깃헙 username : zhoarassiclarry
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 요청드립니다.
인프런아이디 : sgirl012@naver.com 인프런이메일 : sgirl012@naver.com 깃헙아이디 : song619@gmail.com 깃헙 Username : hanys619
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
mutations
비동기 처리 로직을 선언하는 메서드. 비동기 로직을 담당하는 mutations 라고 되어있는데 mutations는 동기로직을 담당하는 곳이 아닌가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Model → Store
Flux소개할 때 세번째 단계가 model에서 마지막에 Store로 바뀌는데왜 이렇게 되는지 의문입니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 권한 요청드립니다.
인프런 아이디 : ul4382인프런 이메일 :ul4382@naver.com깃헙 아이디 : ul4382@hansung.ac.kr깃헙 Username :ul4382 github 권한 요청드립니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue.js공식문서
안녕하세요 캠틴판교님 다름이 아니라 최신 Vue.js의 공식문서에는 slot에 대한 내용이 없어서 일단 강의대로 따라서 타이핑하면서 공부하고 있습니다. 최신 modal문서에서는 slot대신 template태그를 불러와서 사용하고 있는데 뭐가 맞는 방식인지 몰라서 질문남깁니다. <modal :show="showModal" @close="showModal = false"> <template #header> <h3>custom header</h3> </template> </modal> https://vuejs.org/examples/#modal