[Svelte 시리즈] 컴포넌트 생명주기 (Lifecycle) 와 훅(Hook)
이 포스트는 HEROPY 님 유튜브 Svelte 강좌를 보고 공부한 내용을 정리한 포스트입니다. Svelte에서 컴포넌트는 화면에 랜더링되거나 사라질 때를 나타내는 컴포넌트의 상태가 있다. 이 상태의 흐름을 컴포넌트 생명주기라 한다. mounted: 컴포넌트가 화면 또는 다른 컴포넌트에 랜더링된 (연결된) 상태. 이 전에는 화면 요소에 접근할 수 없음 destroyed: 컴포넌트가 화면 또는 다른 컴포넌트에서 사라진 (연결이 해제된) 상태 before update: 컴포넌트의 반응성 데이터 변경에 의해 재랜더링 되기 전 상태 after update: 컴포넌트의 반응성 데이터 변경에 의해 재랜더링 된 후 상태 이런 상태들은 컴포넌트가 화면(DOM)상에서 어떻게 다뤄지냐에 따라 다양하게 호출된다. 예를들어 ..