inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

질문드립니다

262

cool

작성한 질문수 6

0

store action에서 

다른 action들은 return 처리를 안해주시고
loadFollowers, loadFollowings는 return 처리를 해주셨는데 이유가 궁금합니다.

 

loadFollowers({ commit, state }, payload) {
    if (!(payload && payload.offset === 0) && !state.hasMoreFollower) {
      return;
    }
    let offset = state.followerList.length;
    if (payload && payload.offset === 0) {
      offset = 0;
    }
    return this.$axios.get(`/user/${state.me.id}/followers?limit=3&offset=${offset}`, {
      withCredentials: true,
    })
      .then((res) => {
        commit('loadFollowers', {
          data: res.data,
          offset,
        });
      })
      .catch((err) => {
        console.error(err);
      });
  },
  loadFollowings({ commit, state }, payload) {
    if (!(payload && payload.offset === 0) && !state.hasMoreFollowing) {
      return;
    }
    let offset = state.followingList.length;
    if (payload && payload.offset === 0) {
      offset = 0;
    }
    return this.$axios.get(`/user/${state.me.id}/followings?limit=3&offset=${offset}`, {
      withCredentials: true,
    })
      .then((res) => {
        commit('loadFollowings', {
          data: res.data,
          offset,
        });
      })
      .catch((err) => {
        console.error(err);
      });
  },


그리고 this.$axios 호출을 통해 응답받은 데이터를 vue component 단에 넘겨주고 싶을 때 vuex 에 저장해서
vue component 단에서 store값을 가져와서 쓰는게 좋은 방법인가요??

아님 그냥 응답 데이터를 return 해서 vue component 단에서 받아서 써도 상관없는건가요??

답변기다리겠습니다! ㅠㅠ

mysql aws nodejs vuejs vuex ssr

답변 1

0

제로초(조현영)

위에 return이 있어서 아래도 return한 것입니다. eslint/consistent-return 규칙때문이었습니다. 별 의미 없습니다.

공통 데이터라면 vuex에 저장해서 받으시고, 한 컴포넌트에서만 활용될 데이터면 컴포넌트 내에서 하세요.

0

cool

한 컴포넌트에서만 활용될 데이터는 store action에서 응답데이터를 return해서 vue component 단에서 써도 된다는 말씀이실까요??

0

제로초(조현영)

아예 store도 거치지 마시고 컴포넌트 method같은데서 api호출하세요.

0

cool

vue component 내 method에서

this.$axios.post ... 이런식으로 호출 하라는 말씀이실까요??

따로 api를 파일로 빼지 않아서요 ㅠㅠ

0

제로초(조현영)

네 method에서 그렇게 호출해서 데이터에 넣으세요.

npm run dev 할 때 에러가 발생합니다.

0

155

1

해당 강의는 리뉴얼 예정은 따로 없나요?

0

340

1

강의는 언제까지 업데이트 된 내용인가요?

0

338

2

실습 환경 문의(Node 버전)

0

375

1

로그인 새로고침시 풀림

0

304

1

안녕하세요! 로그인 유지 질문 드립니다!

0

413

1

웹 서버 관련해서 질문드립니다.

0

450

1

버전때매 질문 드립니다!!

0

319

1

이 강의는 vue3는 아닌가요??

0

380

1

vsCode에 관한 질문입니다

0

494

1

v.trim()이 타입에러가 뜹니다...

0

348

1

express.static('uploads')

0

351

2

STRING이 인식이 안되는데 이유알수있을까요?

0

455

2

<v-lsit-item-title> 에러

0

416

2

vue cli 를 실무에서도 사용하지 않으시나요?

0

326

1

선생님 처음 환경 셋팅 관련 문의드립니다.

0

392

1

nuxtServerInit 무한 로딩

0

985

3

Nginx Cookie 설정

0

735

2

상태가 204번인경우에는 어떻게 처리를 해야하나요?

0

301

1

선생님 nuxt 관련질문드립니다.

0

357

1

인덱스 비교로 삭제해도 될까요?

0

386

1

질문 드립니다!

0

335

2

안녕하세요

0

231

1

궁금한점이있습니다

0

241

1