Feature: 컴포넌트에서 store 사용하기

[meeyoungchoi-front-dev]

store란 무엇인가

• store는 변수와 유사한 데이터를 보유하는 JavaScript 객체이다

Svelte에서 store를 사용하는 이유

• 서로 관련이 없는 여러 컴포넌트나 일반 JavaScript 모듈에서 액세스 해야 하는 값이 있을 수 있는데 Svelte에서는 store라는 저장소를 통해 해당 기능을 수행할 수 있다
• Svelte store를 사용하면 다른 컴포넌트를 통과하지 않고도 데이터가 필요한 컴포넌트 만으로 데이터를 import, export 할 수 있다
• 이는 중첩된 컴포넌트간 데이터가 필요하지만 중첩된 컴포넌트 요소 중 어떤 것도 데이터를 필요하지 않을때 유용하게 사용할 수 있다
• 이러한 경우, store를 사용하면 데이터를 사용하지 않아도 되는 컴포넌트로 불필요하게 데이터를 전달할 필요가 없어지게 된다

참고

• https://betterprogramming.pub/what-are-svelte-stores-and-how-to-use-them-a4963968ee89
• https://www.youdad.kr/svelte-stores/
• https://coderpad.io/blog/development/a-guide-to-svelte-stores/
• https://svelte.dev/docs/svelte-store
• https://dev.to/freeseamew/svelte-gico-02-store-4a0h