inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

api 호출 시점에 관련해서 질문 드립니다.

해결된 질문

312

Jammy

작성한 질문수 3

1

안녕하세요. 강의 정말 잘 보고 있습니다. :)

해당 강의를 보고, 검색 전에 영화 목록을 불러오는 기능을 만들어 보고 있습니다.

getMovies 라는 함수를 만들어서 생명주기 강의 때 배웠던 beforeUpdate 훅에서 호출을 했었는데,

beforeUpdate  는 컴포넌트의 데이터 값이 바뀌면 실행돼서 검색어를 입력할 때마다 getMovies 가 호출되는 문제가 있더라구요.

그래서 onMount 훅에서 getMovies 함수를 호출하는 방법으로 바꿔서 문제는 해결했지만,  보통 실무에서 api 를 호출할 때 어느 시점에서 불러오는지 궁금해서 질문드립니다.

beforeUpdate  훅에서 불러오면서 문제를 해결할 방법도 있을까요?

Rollup svelte Sortable

답변 1

1

HEROPY

정재원 님 안녕하세요.😄

beforeUpdate는 모든 데이터의 업데이트 상황에 훅이 동작합니다.

대략 판단하기에 getMovies 함수가 실행되기에는 beforeUpdate 훅이 적절한 위치가 아닙니다.

getMovies 함수가 beforeUpdate에서 실행되야 하는 이유가 어떤 것인지 궁금하네요.

일반적으로 API를 호출하는 경우라면, onMount가 적절합니다.

혹은 특정 버튼을 눌렀을 때 동작시키는 방법이 있을 수 있겠네요.

정확하게 어떤 의도로 해당 기능이 동작할지에 따라서 방법은 다양하게 있을 있다고 봅니다.

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

0

207

1

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

0

285

1

소스코드

0

268

1

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

0

334

1

강의 소스 코드

1

657

2

aws ec2 배포시 질문

1

883

2

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

2

443

1

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

1

378

1

textarea에서 esc 키를 누를 때 오류

1

334

1

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

1

470

1

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

1

305

1

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

1

393

1

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

1

6122

2

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

1

303

1

로그인 정보를 확인할 때

1

250

1

재렌더링 때 interval 처리 질문

1

287

1

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

1

268

1

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

2

298

1

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

1

382

2

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

1

231

1

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

1

339

1

패키지 설치 시 퍼미션 에러

1

294

1

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

0

235

1

node-sass 설치 오류

1

2055

2