25%
41,250원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
댓글 확인 부탁드립니다~
부탁드릴게요~
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
gist 댓글 확인 부탁드립니다~
감사합니다. 좋은하루 되세요~
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
npm I 오류
> fsevents@1.2.11 install /Users/yun-ali/Desktop/vue-intermediate/vue-todo/node_modules/fsevents > node-gyp rebuild No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'. No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'. No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'. gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16) gyp ERR! stack at ChildProcess.emit (events.js:210:5) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) gyp ERR! System Darwin 19.3.0 gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild" gyp ERR! cwd /Users/yun-ali/Desktop/vue-intermediate/vue-todo/node_modules/fsevents gyp ERR! node -v v12.14.0 gyp ERR! node-gyp -v v5.0.5 gyp ERR! not ok npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/fsevents): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 install: `node-gyp rebuild` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1 audited 9992 packages in 3.987s 19 packages are looking for funding run `npm fund` for details found 3 vulnerabilities (1 low, 1 moderate, 1 high) run `npm audit fix` to fix them, or `npm audit` for details yun-aliui-MacBook-Pro:vue-todo yun-ali$
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
index.html 아이콘,폰트 CDN 입력하였으나 개발자 도구에서 보이지 않습니다.
index.html에서 fontawesom, googlefont CDN을 입력 후 npm run serve 후 브라우저를 실행하니 버튼이 보이지 않고 개발자 도구를 실행하였는데 Elements에 입력한 CDN이 보이지 않습니다. 개발자 도구에서 Edit as HTML을 통하여 CDN을 입력했더니 버튼이 노출되기 시작합니다. npm run serve 후 버튼이 노출되지 않는 이유가 있을까요? 해결이 되지 않아 문의드립니다. ㅜㅜ
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
export관련하여 질문드립니다!!
안녕하세요 개인적으로 궁금한게있어서 질문드립니다 아직 너무 초보라 바보같은 질문일지 모르겠네요 ㅠㅠ 제가 궁금한부분은 app.vue 파일에서 import를 하면 그 경로 에 있는 파일의 내용 전체가 그부분으로 삽입된다고 생각하면 된다고 알아들었는데 각 컴포넌트 내에서 script태그 부분만 export default로 감싸져있고 나머지는 export하지 않았는데 어떻게 template와 style태그의 내용도 다 넘어가는지 궁금합니다. 또한 TodoHeader.vue파일에서는 export하는 내용 조차없는데 어떻게 import를 해서 사용할수있는지 궁금합니다. 아니면 혹시 export default 로 감싸져있는 script태그 부분만 app.vue파일로 넘어가는건가요??
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
VScode theme
강의에서 사용하셨던 VScode theme 이름이 궁금합니다. 영상을 작게해서 보니까, 제가 사용하는 테마와 코드 색이 달라서 가끔 헷갈리는 일이 있더라구요 ㅎㅎ
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
css가 이상합니다.
<template> <div class="inputBox shadow"> <input type="text" v-model="toDoItem" v-on:keyup.enter="addItem"> <span class="addContainer" v-on:click="addItem"> <i class="fas fa-plus addBtn"></i> </span> </div> </template> <script> export default { data: function() { return { toDoItem: '' } }, methods: { addItem: function() { localStorage.setItem(this.toDoItem, this.toDoItem) this.cleanInput(); }, cleanInput: function() { this.toDoItem = ''; } } } </script> <style scoped> input:focus { outline: none; } .inputBox { background: white; height:50px; line-height: 50px; border-radius: 5px; } .inputBox input { border-style:none; font-size: 0.9rem; } .addContainer { float: right; background: linear-gradient(to right, #6478FB, #8763FB); display:block; width: 3rem; border-radius: 0 5px 5px 0; } .addBten { color: white; vertical-align: middle; } </style> 모두 똑같이 했는데 인풋이 들어가는 곳이 왼쪽이 아닌 가운데에 있는데 이게 body에 text-align:cener; 로 되어 있어서 그런 것 같은데 이걸 지우면 font icon plus도 가운데가 안되서 위치가 이상해집니다. 코드가 분명히 똑같은데 왜 input 타입하는 곳이 가운데서 시작하고 input 크기가 작습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
data 변경에 방법에 대해 질문드립니다.
todoItems의 원본 데이터 변경 측면에서 slice가 아닌 splice 사용을 강조하셨는데, 리액트와 비교해서 궁금증이 생겨서 질문드립니다. 리액트에서는 state변경시 이전 state의 불변성을 유지하기 위해 새로운 객체를 생성하여 넣는 방식을 사용하는데 뷰에서는 이와는 반대되는 개념인가요? 저는 this.todoItems = [선택된 아이템이 제거된 새로운 배열] 이렇게 구현할거라 생각했었는데 예상과 달라서 질문드립니다. 두 가지 방법 모두 정상적으로 동작하는 것처럼 보입니다만 후자의 경우 제가 모르는 잠재적 문제가 있는것인가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue-intermediate 소스 확인 불가
안녕하세요. 권한 받았고, 다른 소스는 모두 확인 가능한데, todo-app/components-implementation 소스만 확인이 불가능 합니다. 처음에는 소스가 아예 없더니, 지금은 404에러가 뜹니다. 확인 부탁드립니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
index is defined but never used 이라고 오류가 나타납니다.
강의 보면서 그대로 따라했는데 'toggleComplete: function(todoItem, index)...'함수부분에 있는 index에 값이 없다고 index is defined but never used라고 화면 오류가 뜨네요ㅜㅜ 함수안에 window.console.log(index)하면 오류가 사라지기는 하는데 콘솔사용하는 방법말고 다른 방법있을까요? 저오류가 왜 뜨는지 모르겠습니다ㅠ
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 질문드립니다~!
mutations이든 actions든 어찌보면 component가 늘어남에 따라 수 많은 state 값 변경 연산이 있을텐데, 그걸 역할?로 나눠서 나중에 버그찾기나 유지보수 하기 쉽게 해 놓았다는 말씀이신가요?(그림으로 설명해주신것이 뭔가 와 닿지 않아서 질문드립니다. actions에 시간차를 두고 state를 변경하는 mutations을 여러개 요청하든 mutations에서 바로 시간차를 두는 state값 변경을 요청하든 값 변화 추적하는건 똑같지 않을까? 생각이 듭니다..)
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
git 코드가 강의랑 다른거 같은데...
클론해서 돌려봐도 그렇고 강의랑 코드가 조금 다른거 같아요
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
스토어 모듈화 시 ...mapState
안녕하세요? 좋은 강좌를 해주셔서 정말 감사합니다. 마지막 강의 수강 중 질문사항이 생겨 문의드립니다. todoApp 으로 모듈화 하여 TodoHeader.vue에서 ...mapState 를 사용하여 'Todo it'를 가져오려 하는데 this.$store.state.todoApp.headerText 으로는 가져오나 import { mapState } from 'vuex' export default { computed: { ...mapState (['headerText']) } } 이런 방식으로는 headerText가 undefined라고 표기됩니다. ...mapState(['todoApp/headerText']) 역시 같은 증상인데 어떻게 해야 될까요??
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
const 질문
질문1.const 를 사용하면 메모리 할당이 많이 되나여 ?.. 질문2.const array = [1,2,3,4,5,6]; 재할당하지 않는경우에는 무조건 const를 사용하는게 맞는지.. 궁금합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
강의 내용과 관렵없는질문.
라이프 사이클에 대한 질문인데요 destroyed()에 대한 질문인데요. 뷰인스턴스가 삭제된후에 호출된다고했는데 .. 제가알기로는 이거는 항상 this.$destroy()를 호출한후에만 destroyed() 안에 접근 할수있나요..?.. 그렇다면 팝업이라는 컴포넌트를 만들고 팝업을 닫을때 this.$destory()를 호출하는게 맞는지 ?.. 궁금합니다. 그리고 실제로 this.$destroy()를 자주 사용하는지?..궁금합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue/cli-init으로 프로젝트 생성 후 오류
현재 vue/cli가 v4 로 올라간것 같아서, 찾아보니, vue/cli-init을 이용하면, 강의에서처럼 프로젝트 생성이 가능한것 같아 진행하고 npm run dev를 하였는데, 아래와 같은 오류가 나네요...ㅠㅠ
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
강의내용과 관련 없는 질문드립니다.
1번질문: dom에 접근해야할 상황이 올경우 ref를 사용해도 되나요.. ref는 vue 사용의 목적에 어긋나기때문에 가능하면 사용하지 말라고하는데 궁금합니다. 2번질문: dom에 접근시 this.$el과 ref를 사용해서 접근하는게 있는데 2개의 차이점은 뭔가요?.. 3번질문: ex) <ul> <li> a </li><li> a </li><li> a </li><li> a </li><li> a </li><li> a </li><li> a </li><li> a </li><li> a </li><li> a </li> </ul> 이런식으로 ul li를 한번에 선택하고싶으면 this.$el.querySelectorAll('ul li') 이런식으로 접근해도 되는지 궁금합니다. dom접근시 어떤방법으로 접근하는게 제일 괜찮은지 알려주셨으면 좋겠습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
git권한 요청합니다.
인프런ID : voidpeople@gmail.com
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
git 권한요청드립니다.
인프런 아이디: mxpower2k인프런 이메일: suekhan@naver.com깃헙 아이디: suekhan@naver.com깃헙 Username : suekhan
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
맨처음 master부터가 달라요
맨처음 master부터가 달라요 vue-todo, vue-todo-vuex란 폴더가 들어가 있는데.. 누군가 마스터가 push한건가요? 지우고 강의 따라가면 되겠죠!?