inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Svelte.js [Core API] 완벽 가이드

5. Await 블록으로 영화 검색 API 예제 리팩토링

Promise 안에 async가 있는 것은 중첩된 비동기 코드로 이해하면 될까요?

507

Taro Be

작성한 질문수 1

1

Heropy님 좋은 강의 감사합니다.

searchMovies()함수의 구조가 Promise 안에 async가 들어있는 중첩구조처럼 느껴집니다. 한 번만 비동기를 해도 될 것 같은데 비동기 코드 안에서 비동기가 다시 실행되는 것처럼 느껴져서 혼란스럽습니다.

결국 작동원리와 오브젝트의 흐름이 파악되지 않아서 fetch()로 바꿔봤는데요, 이런 접근에 어떤 장단점이 있을까요?

promise = fetch(`http://www.omdbapi.com/?apikey=${apikey}&s=${title}`)
	.then(res => res.json())
	.then(data => data.Search)

스벨트 svelte Rollup Sortable

답변 1

1

HEROPY

네 Taro Be 님 안녕하세요.😄

해당 내용을 중첩된 비동기로 이해하신 것이 맞습니다.

특별한 장단점이 있다고 생각하진 않네요.

잘 정리하신 것 같아요!👍

만약 axios를 fetch 메소드로 변경해도 searchMovies 함수는 유지하는 게 좋을 듯합니다.

다음과 같이 수정해서 사용하세요~

function searchMovies() {
return fetch('https://ww.omdbapi.com/?i=tt3896198&apikey=7035c60c')
.then(res => res.json())
.then(data => data.Search)
}

56강 4. 슬롯 포워딩이 Svelte 5 부터는 적용 불가

0

216

1

5 라이프사이클 모듈화 - 질문

0

292

1

소스코드

0

277

1

스벨트킷 강의는 안해주시나요?

0

347

1

강의 소스 코드

1

675

2

aws ec2 배포시 질문

1

897

2

vite 사용하는 예시 추가 계획은 없으실까요?

2

456

1

터미널에서 npx를 치실 때 흐린색으로 가이드처럼 나오는건 어떻게 해야 하나요?

1

392

1

textarea에서 esc 키를 누를 때 오류

1

342

1

스벨트 반응성에 대해 질문드립니다!

1

478

1

백엔드는 어떻게 배우면 좋을까요?

1

310

1

scss를 사용하기 위한 sveltePreprocess() 실행 위치가?

1

402

1

보간한다는 뜻을 무슨 의미로 이해해야 하나요?

1

6199

2

[0:15] Vuejs 인라인 핸들러 비권장 설명

1

315

1

로그인 정보를 확인할 때

1

263

1

재렌더링 때 interval 처리 질문

1

294

1

7:10초 설명에 질문 있습니다.

1

274

1

:global() 에서 & 적용이 안되는거 같아요

2

303

1

promise 변수에 초기값 관련 질문입니다.

1

392

2

혹시 vue 처럼 classObject 객체를 통해 제어하는 방법은 없을까요?

1

237

1

onMount 응용해서 적용해보려고 하는데 오류가 나네요.

1

347

1

패키지 설치 시 퍼미션 에러

1

302

1

스토어를 왜 사용하는지 궁금합니다

0

241

1

node-sass 설치 오류

1

2065

2