[javascript] Svelte에서 상태 저장을 어떻게 할 수 있나요?
store
를 사용하기 위해서는 먼저 svelte/store
모듈을 import 해야 합니다. 예를 들면 다음과 같습니다:
import { writable } from 'svelte/store';
writable
함수는 쓰기 가능한 상태를 생성하는 함수입니다. 이를 사용하여 상태를 초기화하고 업데이트할 수 있습니다. 예를 들면 다음과 같습니다:
const count = writable(0);
위의 코드에서 count
는 0으로 초기화된 쓰기 가능한 상태입니다. 이제 count
를 사용하여 상태를 읽고 업데이트할 수 있습니다.
console.log($count); // 현재 상태인 0을 출력합니다.
$count.set($count + 1); // 상태를 1 증가시킵니다.
상태를 사용하는 컴포넌트에서는 $
기호를 사용하여 상태에 접근할 수 있으며, 이를 통해 상태의 변화를 감지하고 업데이트할 수 있습니다.
또한, subscribe
함수를 사용하여 상태 변화를 구독할 수도 있습니다. 예를 들면 다음과 같습니다:
count.subscribe(value => {
console.log(value); // 상태 변화 시마다 호출되어 현재 상태를 출력합니다.
});
상태 관리는 Svelte에서 매우 간단하고 직관적입니다. 다양한 컴포넌트 간에 상태를 공유하고 관리하기 위해 store
를 활용해보세요. 더 자세한 내용은 Svelte 공식 문서를 참고하시기 바랍니다.