inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

axios를 이용한 api 호출

api를 받아올 때, async에 대해 질문 있습니다.

1031

김영찬

작성한 질문수 17

2

늘 선생님의 강의를 보며 감사히 배우는 중입니다.

강의에서는 created를 통해 api를 받아오셨는데

구글에서 async mounted로 api를 받아오는 경우를 종종 봤습니다. mounted에서 비동기적으로 async로 감싸서 사용하는 경우는 보통 어떤때인가요???

그리고 이런 라이프사이클 앞에 async를 붙이는 목적은 무엇때문인가요??

제가 비동기는 많이 약해서 여쭤봅니다.

vuejs javascript

답변 1

0

캡틴판교

안녕하세요 영찬님, 컴포넌트 라이프 사이클에서 API 요청을 하실 때는 created()에서 하시는 게 화면 깜빡임을 줄일 수 있어서 좋습니다. async를 붙이는 이유는 비동기 처리를 하기 위해서 인데요. 간단히 설명 드리기에는 어려운 내용이라 아래 문서 참고해 보시면 좋을 것 같아요 :)

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

https://joshua1988.github.io/web-development/javascript/js-async-await/

깃 권한 요청 드립니다

0

68

1

깃 권한 신청

0

62

1

깃 권한 요청드립니다.

0

120

1

깃허브 권한 요청 드립니다

0

152

1

깃허브 권한 요청 드립니다

0

169

1

깃허브 권한 요청 드립니다

0

176

1

깃허브 권한 요청 드립니다.

0

158

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

214

1

ide 타입추론 기능 사용할 수 없을까요??

0

218

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

239

1

Vue3로 진행중입니다

1

341

1

Vue router-link 사용시 같은 url이면

1

512

1

vue3 에러 메세지...

1

686

2

id ="app" 중복

0

278

2

use undefined 에러가 나옵니다.

1

329

2

깃허브 권한 요청드립니다.

1

366

2

권한요청드립니다.

1

305

2

Vue3에서 구글 애드센스 탑재하기

1

441

2

코드가 정상 작동 되는건지 ...

1

314

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

254

1

vuex 적용시 질문

1

297

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

388

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

457

2

권한요청 드립니다!

1

278

2