55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
강의 잘 들었습니다. 모듈 명칭을 사용하는 이유가 뭔지 알고 싶습니다.
export const store = new VueX.Store.({ modules: { //모듈 명칭 : 모듈 파일 명 todo : todo }}); App.vue 하위 컴포넌트들에서는 mutation 이름으로 찾을텐데 따로 모듈명을 기재하는 이유는 혹시 store.js 끼리 같은 mutation 이름이 있을 수 있기 떄문에 따로 모듈명을 나누는 건가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
GIT Repository에 접근은 가능한가요?
영상에 나온대로 계정도 만들고 댓글도 남겼습니다만...https://github.com/joshua1988/vue-intermediate 에 접속해봐도 404에러만 나오네요.혹시 URL이 변경된건지... 제가 놓친게 있는건지 잘 모르겠습니다.GITHUB: boolpae@gmail.com인프런: boolpae@naver.com 입니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청드려요
인프런 아이디 : boolpae@naver.com인프런 이메일 : boolpae@naver.com깃헙 아이디 : boolpae@gmail.com깃헙 Username : boolpae그리고 영상 속 vue-intermediate URL( https://github.com/joshua1988/vue-intermediate )에 접근하려니 404 Page Not Found 에러가 발생합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한요청 드립니다.
인프런 아이디 : wndyd0110@naver.com 인프런 이메일 : wndyd0110@naver.com 깃헙 아이디 : jylee@ncurity.com 깃헙 Username :jyleeNcurity
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청드립니다.
인프런 아이디 : ddegury@gmail.com인프런 이메일 : ddegury@gmail.com깃헙 아이디 : ddegury@gmail.com깃헙 Username : ddegury감사합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
스토어 모듈화를 시키면 TodoList.vue가 보이지 않는 현상
modules로 따로 모듈화 시키지않고store.js에 state, getters, mutations을 바로 적용하면정상작동이 되는데store.jsimport Vue from "vue" import Vuex from "vuex" import todoApp from "./modules/todoApp"; Vue.use(Vuex); export const store = new Vuex.Store({ modules : { todoApp : todoApp } });module/todoApp.jslet storage = { fetch(){ const arr = []; if (localStorage.length > 0){ for (let i=0; i< localStorage.length; i++){ let JsonStr = localStorage.getItem(localStorage.key(i)) arr.push(JSON.parse(JsonStr)); } } return arr; } }; const state = { headerText : "TODO it!", todoItems : storage.fetch() }; const getters = { getheaderText(state){ return state.headerText; } }; const mutations = { addTodo(state,obj){ //obj -> {completed: false, item: value} //JSON.stringify 하는 이유는 값을봤을때 obj라 떠서 정보를 모름 localStorage.setItem(obj.item, JSON.stringify(obj)); state.todoItems.push(obj) }, clearAll(state){ localStorage.clear() state.todoItems = [] }, removeTodo(state, payload){ // payload -> {obj: obj, index: index} console.log(payload.obj.item, payload.index, state.todoItems) localStorage.removeItem(payload.obj.item); state.todoItems.splice(payload.index,1) }, toggleComplete(state, obj){ //해당 객체 체크하기 obj.completed = !obj.completed; //해당 객체 LocalStorage갱신 //체크 전 삭제 뒤 체크 후로 다시 추가 localStorage.removeItem(obj.item); localStorage.setItem(obj.item, JSON.stringify(obj)) } }; export default { state : state, getters : getters, mutations : mutations }TodoList.vue<template> <section> <transition-group name="list" tag="ul"> <li v-for="(todoItem,index) in this.$store.state.todoItems" v-bind:key="todoItem.item" class="shadow"> <i class="checkBtn fas fa-check" v-bind:class="{checkBtnCompleted: todoItem.completed}" aria-hidden="true" v-on:click="toggleComplete(todoItem)"></i> <span v-bind:class="{textCompleted: todoItem.completed}">{{todoItem.item}}</span> <span class="removeBtn" @click="removeTodo(todoItem, index)"> <i class="far fa-trash-alt" aria-hidden="true"></i> </span> </li> </transition-group> </section> </template> <script> export default { //props : ["propsdata"] methods : { removeTodo(obj, index){ //this.$emit("removeTodo", obj, index) const payload = { obj : obj, index : index } this.$store.commit("removeTodo", payload) }, toggleComplete(obj){ //this.$emit("toggleComplete", obj) this.$store.commit("toggleComplete", obj) }, } } </script> <style scoped> ul { list-style-type: none; padding-left: 0px; margin-top: 0; text-align: left; } li { font-family: 'DynaPuff', cursive; font-family: 'Karla', sans-serif; display: flex; min-height: 50px; height: 50px; line-height: 50px; margin: 0.5rem 0; padding: 0 0.9rem; background: white; border-radius: 5px; } .checkBtn { line-height: 45px; color: #62acde; margin-right: 5px; } .removeBtn { margin-left: auto; color: #de4343; } .list-enter-active, .list-leave-active { transition: all 1s; } .list-enter , .list-leave-to{ opacity: 0; transform: translateY(30px); } .textCompleted { text-decoration: line-through; color: #b3adad; } .checkBtnCompleted { color : #b3adad } </style>왜 module로 따로 모듈화 시키고store.js에 state, getters, mutations을 todoApp으로 등록하면TodoList.vue에서 보여지지 않는걸까요?모듈화만 시켰을 뿐인데 왜 차이가 나는걸까요?밑 이미지는 mutations들도 정상작동이 되는데 TodoList에서 보여지지 않는 현상 첨부입니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청 드립니다!!
인프런 아이디 : job.maengsh@gmail.com인프런 이메일 : job.maengsh@gmail.com깃헙 아이디 : job.maengsh@gmail.com깃헙 Username : msuhyeon입니다 감사합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청부탁드립니다!
인프런 아이디 : cluejws@gmail.com인프런 이메일 : cluejws@gmail.com깃헙 아이디 : cluejws@gmail.com깃헙 Username : WonSeok-dd
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한요청 드립니다.
인프런 아이디: operation@tongro.co.kr인프런 이메일: operation@tongro.co.kr깃헙 아이디: soae0923@gmail.com깃헙 Username: soaelee깃헙 권한요청 드립니다~!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한요청 드립니다
인프런 아이디: jeonsh024@naver.com 인프런 이메일: jeonsh024@naver.com 깃헙 아이디: jeonsh024@gmail.com 깃헙 Username: jeonsh024
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청 드립니다
인프런 아이디 : steal@kakao.com 인프런 이메일 : steal@kakao.com 깃헙 아이디 : abdf13423@naver.com 깃헙 Username : sariiiiiiii
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
화면에 있는 파일 목록과 로컬스토리지의 목록에 대해서
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. [리팩토링] 할일 추가 기능 강의에 와있습니다. 강사님께서 강의 내용을 진행하실때 코드를 짜고 실행하실 때 개발자도구의 로컬스토리지 목록이 화면에서 할일을 추가했을때 실시간으로 바뀌던데... 저는 뭐가 문제인지 실시간으로 바뀌지 않더군요... Vue 개발자도구에서는 실시간으로 바뀌긴 하던데 좀 답답합니다. 강의를 보고 따라하고 하는데도 생각보다 기능적인 오류들이 많이 나서 친구한테 도움을 구해서 해결을 하고는 있습니다만... 혹시 따로 설정을 해둔 것이 있는지 여쭤봅니다. 해당 부분의 코드는 깃헙에 올려두었습니다. https://github.com/A-WOS/learn-vue-intermediate/
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
localstorage 질문드립니다.
안녕하세요 학습중에 질문드립니다. 다름이 아니라 궁금증이 있습니다. localstorage에 있는key값을 받아와 List에 뿌려주는 방식인데 TodoList.vue내에서 키값 중복에 대한 유효성검사를 따로 하지 않았는데 중복값이 들어가지 않습니다. localStorage내부에서 자체적으로 중복값 유효성검사를 하는건가요? 알고싶습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
mapGetters와 mapState
안녕하세요, 실습 중 문의사항이 생겨 질문드립니다. getters는 어떠한 연산이 주어진 값, state는 그냥 값을 가져오는 것으로 이해했는데요, 그리하여 TodoList.vue에서 아래와 같이 리스트를 불렀습니다. // ...mapState({ // todoItems: 'todoItems', // }),// 여기서는 따로 연산이 없기 떄문에, mapState가 더 좋음 그래서 잘 나오는 것 까지 확인했는데요, 모듈화를 하고 확인하는 과정에서 mapState를 사용하는 경우 localStorage에는 반영이 되는데, li를 그려내지 못합니다. 그리하여 mapGetters로 수정하니 잘 나오긴 하는데요.. 혹시 여기서의 문제점을 알 수 있을까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청드립니다
- 인프런 아이디 : superdols37 - 인프런 이메일 : superdols37@gmail.com - 깃헙 아이디 : superdols37@gmail.com - 깃헙 Username : superdols
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 권한 요청 부탁드립니다.
인프런 아이디 : jh06103 인프런 메일 : jh06103@naver.com 깃허브 메일 : jdh99080516@gmail.com 깃허브 name : judahhh
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청드립니다.
인프런 아이디 : uws0331 인프런 이메일 : uws0331@gmail.com 깃헙 아이디 : uws0331@gmail.com 깃헙 Username : AWOS
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
mutations 질문드립니다.
위 사진과 같이 vue개발자도구에서 vuex를 클릭한 경우입니다. 왜 state는 정상적으로 노출이 되는데 mutation의 경우 노출이 되지 않는걸까요...? 그 외 강의에서 다루어 주셨던 기능은 정상적으로 작동이 됩니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃 권한요청 부탁드려요 :)
인프런 아이디 : devuser1004인프런 이메일 : devuser1004@gmail.com깃헙 아이디 : devuser1004@gmail.com깃헙 Username : eunnnnseo
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃 권한 요청 부탁드립니다.
안녕하세요~ 인프런 아이디 : AKFE인프런 이메일 : juho1504@gmail.com깃헙 아이디 : juho1504@gmail.com깃헙 Username : juho1504 입니다. 감사합니다.