인프런 업데이트 소식 🔨👷🏼‍♂️
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

(66개의 수강평)

1063명의 수강생
49,500원
지식공유자 · 장기효(캡틴판교)
63회 수업 · 총 6시간 30분 수업
평생 무제한 시청
수료증 발급 강좌
수강 난이도 '중급'
국정일 프로필

store getter 접근 문의 국정일 13시간 전

안녕하세요.

좋은 강좌 해주셔서 진심 감사드립니다.

스토어를 모듈별로 아래와 같이 (todo.js) 관리할 경우 

TodoFooter.vue 에서 state 접근 시 

this.$store.state.todo.num 이렇게 하면 값을 나오는것을 확인했습니다.

getters의 경우 this.$store.getters.getNumber 이렇게 접근해야 값이 나오는데

스토여가 여러개 있을 시 중복을 피하고자 “namespaced: true” 옵션을 넣으면 될거 같아서 추가해봤습니다.

추가 후 this.$store.getters.getNumber 로는 값이 나오지 않지만 접근 방법을 모르겠습니다. 

Getters 의 경우도 state 와 동일하게 getter.todo ~ 로 접근이 가능하게 할려면 어떻게 하는지 궁금합니다.

감사합니다.

———  todo.js ————

const state = {

    num: 10

};

const getters = {

        getNumber(state) {

            return state.num;

        },

        doubleNumber(state) {

            return state.num * 2;

        }

};   

export default {

    namespaced: true,

    state,

    getters

}

———  store.js —————

import Vue from 'vue'

import Vuex from 'vuex'

import todo from './modules/todo'

Vue.use(Vuex);

export const store = new Vuex.Store({

    modules: {

        todo

    }

})

1
조광환 프로필

fontawesome.com 관련 질문입니다! 조광환 3일 전

fontawesome.com 의 Web Fonts with CSS를 찾을 수 없습니다. 홈페이지 구성이 바뀐것같아요..

2
이정호 프로필

vue-cli 관련 이정호 5일 전

안녕하세요, 초급강좌 다 보고 이제 중급강좌 듣기 시작하고있습니다.

초급강좌에서는 vue-cli로 프로젝트 생성했었는데 ,

왜 중급강좌에서는 vue-init으로 프로젝트 생성하는지 궁금합니다. :)

인프런 아이디: leejeongho4545@gmail.com (이정호)
인프런 이메일: leejeongho4545@gmail.com
깃헙 아이디: leejeongho4545@gmail.com
깃헙 Username : jhleehy

git 권한도 확인 부탁드립니다  :) 

4
국정일 프로필

git 권한 부탁드립니다 국정일 5일 전

인프런 아이디: jikook71@naver.com 

인프런 이메일:  jikook71@naver.com@

깃헙 아이디: huk77@psu.edu

깃헙 Username : huk77

2
국정일 프로필

깃헙권한 부탁드립니다. 국정일 5일 전

인프런 아이디: jikook71@naver.com 

인프런 이메일:  jikook71@naver.com@

깃헙 아이디: huk77@psu.edu

깃헙 Username : huk77

1
psykid777 프로필

스토어 모듈화할 시 import psykid777 6일 전

store 모듈화 할 때 todoApp.js의 getters, mutations속성을 getters.js, mutations.js를 import해와서 사용해도 되나요?

1
최광일 프로필

런데브? 최광일 7일 전

런데브? 이걸해야 화면 테스트가 가능한가요,,?

화면을 띄우고싶은데 방법을모르겠습니다

index.html ->  에서 오픈 라이브 서버 하며나왔엇는데;; 

1
최광일 프로필

다운받는곳 최광일 7일 전

권한허용은 됫다고하는데..

다운받는곳은 어딘지모르겟어요.

3
호랭이 프로필

깃허브 부탁드려요 호랭이 9일 전

인프런 아이디: geekdomer

인프런 이메일:  geekdomer@gmail.com

깃헙 아이디 : geekdomer

깃헙 Username : geekdomer

처음 가입해서 맞게 한건지 헷갈리네요

확인 부탁드려요

1
admin 프로필

안녕하세요 질문드립니다. admin 11일 전

<script>
import {
    mapMutations
from 'vuex'
export default {
    data() {
        return {}
    },
    methods: {
        ...mapMutations({
            asideToggle: 'aside'
        })
    }
}
이런식으로 똑같이 사용했는데
Module build failed: SyntaxError: C:/dripactory/src/components/TodoHeader.vue: Unexpected token (34:8) 32 | }, 33 | methods: { > 34 | ...mapMutations([ | ^ 35 | 'asideToggle' 36 | ]) 37 | }
계속 이런 에러가뜹니다.. 완전똑같이헀는데 이유가 뭘까요

2
admin 프로필

안녕하세요 질문드립니다. admin 11일 전

const array = [1,2,3,4,5,6]

array.forEach((el,index)=>{

})

이런 함수는 actions에서 사용하나요 ?

1
admin 프로필

안녕하세요 질문드립니다. admin 11일 전

actions에 비동기 로직을 선언해야한다고 하셨는데요

제가 알기로는 promise는 비동기식호출을 동기식으로 호출하기 위해 쓰는걸로 알고있는데요

ex)

new Promise((resolve,reject) =>{

    resolve('success')

}).then((result)=>{

     

})

이런식으로  resolve가 호출되고나서 then으로 result가 넘어오는건데 이거는 동기식으로 쓰이는거 아닌가요 ?

그럼 동기식 로직에 쓰이는거 아닌가여 ? ..

1
antique Jung 프로필

github 접근권한 antique Jung 14일 전

오늘 github 접근 권한 받은 antiquehj(github id)입니다. 접근권한 받았다고 하는데 어디에서 어떻게 시작해야하는 건지 잘 모르겠습니다. 이에 대한 안내는 없는 것 같네요 ㅠ 제가 너무 초보자라 그런 것 같습니다. 작가님 책과 초급강의는 다 들어서 따라왔는데 여기서 부터 벌써 막히네요.초심자를 위한 Github 협업 튜토리얼(클릭)는 일단 다 읽었는데 해답을 찾을 수 없었습니다. github에서 Joshua1988/vue-intermediate 로  검색해봐도 검색이 안되고, github 어느 페이지에서 찾아야할지, 어떻게 시작해야할지 모르겠습니다. 질문을 검색해봐도 이런 초보적인 질문은 없네요 ㅠㅠ 번거로우시겠지만 답변 부탁드립니다. ㅠㅠ

3
후루루룹 프로필

질문있습니다. 후루루룹 15일 전

--체크하는 메소드

checkItems: function (todoItem,index) {

this.todoItems[index].completed =! this.todoItems[index].completed;

localStorage.setItem(todoItem.item, JSON.stringify(todoItem));

}

안티패턴때문에 위에

this.todoItems[index].completed =! this.todoItems[index].completed;

이 부분에서 App.vue에 선언된 todoItems를 this를 사용하여 코딩하잖아요.

그렇다면 하위컴포넌트에서 $emit으로 가져온 데이터 todoItem,index를 사용하는것도 안티패턴인가요???

이 데이터도 propsdata에 영향을 받은게 아닌가 싶어서 질문 올립니다.

1
김종현 프로필

건의 김종현 21일 전

spread object operation 처음 사용할 때 ... 부분에서 babel 버전차이 때문인지 build 에러로 unexpected token이 뜰 수 있습니다. babel core 업데이트와 플러그인 설치로 해결하긴 했는데, 그부분에 대한 설명이 첨언되어 있으면 좋겠군요.

3
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스