inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

actions 속성을 이용한 로그인 기능 구현과 비동기 처리시 유의할 점

Promise 리턴 관련 질문

해결된 질문

378

jude

작성한 질문수 9

3

this.$store.dispatch('LOGIN', userData);

이 부분에서 Promise가 리턴 되서 await 를 붙일 수 있는걸로 이해했는데요, action에서 혹시 data를 쓸일이 있을 수도 있으니 return data;  를 해준다고 하셨는데 그럼 Promise와 data 둘다 같이 리턴되는 것인가요?

vuex javascript vuejs

답변 2

6

캡틴판교

안녕하세요 jude님, 좋은 질문입니다 :) async 함수의 리턴 값에 특정 데이터를 지정해주면 그 값은 프로미스가 이행(fulfilled)된 상태로 전달됩니다. 코드 상으로 말씀드리면 아래와 같이 될 것 같아요.

async fetchData() {
  const { user } = await fetchUser();
  return user;
}
fetchData(); // 결과 값은 Promise.resolve(user);

// 1. 이행된 결과 값을 프로미스로 처리하는 방법
fetchData().then(user => console.log(user));

// 2. 이행된 결과 값을 async로 처리하는 방법
async someMethod() {
  const user = await fetchData();
  console.log(user);
}

살펴보시고 혹시 이해 잘 안가시는 부분 있으면 알려주세요 :) 수강평 좋게 남겨주신 것 기쁘게 잘 받아봤습니다. 앞으로도 잘 부탁드릴게요 :) 강의 수강해주셔서 다시 한번 감사드립니다.

※ 만약 프로미스 이행 상태가 뭔지 기억이 잘 안나시면 프로미스 쉽게 이해하기 글 한번 읽어보세요 :)

1

jude

이해 됐습니다 답변 감사합니다~! :)

node 10버전 사용

0

65

1

강의에 대해 질문 드립니다.

0

61

1

vue CLI 대신 vite를 사용해도

1

140

2

질문삭제

0

149

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

92

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

117

1

rndrmagkqslek.

0

73

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

104

1

axios 에러가 뜹니다.

1

237

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

312

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

154

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

195

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

445

2

$router 를 이용한 메인 페이지로 이동

1

291

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

461

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

299

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

486

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1104

2

safari 개발자 도구에 대한 질문입니다

1

570

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

722

2

이 에러 때문에 진행이 안되네요 ㅠ

1

675

1

windows .nvmrc nvm use 실행 오류

1

1547

2

강사님 최신화가 필요해보입니다.

2

960

2

npm i 에러

1

613

1