[Svelte] 스벨트 7장 Lifecycle


[Svelte] 스벨트 7장 Lifecycle

onMount # 수명 주기 모든 구성 요소에는 생성될 때 시작되고 소멸될 때 끝나는 수명 주기가 있습니다. 해당 수명 주기 동안 중요한 순간에 코드를 실행할 수 있는 몇 가지 기능이 있습니다. 가장 자주 사용하게 될 "onMount"는 구성 요소가 DOM에 처음 렌더링된 후 실행되는 onMount입니다. 캔버스 요소가 렌더링된 후 상호 작용해야 할 때 이전에 간략하게 접했습니다. 네트워크를 통해 일부 데이터를 로드하는 onMount 핸들러를 추가합니다. <script> import { onMount } from 'svelte'; let photos = []; onMount(async () => { const res = await fetch(`https://jsonplaceholder.typicode.com/photos?_limit=20`); photos = await res.json(); }); </script> ※ SSR(서버 측 렌더링) 때문에 스크립트의 최상위 수준이 아닌 o...


#lifecycle #svelte #라이프사이클 #스벨트

원문링크 : [Svelte] 스벨트 7장 Lifecycle