[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 공식 문서를 참고하시기 바랍니다.