readable 저장소와 사용자 지정 시작 함수
타이머, 센서 또는 외부 데이터 원본을 기반으로 읽기 전용 저장소를 만듭니다.
readable 저장소와 사용자 지정 시작 함수은(는) CoddyKit의 무료 Sveltejs Academy 강의입니다. 이것은 4개 중 4번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Sveltejs Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Sveltejs Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
읽기 전용 스토어
readable 스토어에는 subscribe만 있습니다. 사용하는 쪽에서는 값을 변경할 수 없습니다.
readable 가져오기
svelte/store에서 가져옵니다.
import { readable } from "svelte/store";초기값과 시작 함수
초기값과 시작 함수를 전달하세요. 시작 함수는 set을 인수로 받고 첫 번째 구독자에서 한 번 실행됩니다.
export const time = readable(new Date(), (set) => {
const id = setInterval(() => set(new Date()), 1000);
return () => clearInterval(id);
});중지 함수
시작 함수에서 정리 함수를 반환하세요. Svelte는 마지막 구독자가 구독을 해제할 때 이 함수를 호출합니다.
지연된 설정
시작 함수는 누군가 구독할 때까지 실행되지 않습니다. 사용하지 않을 때 리소스를 절약할 수 있습니다.
사용 사례
시계, 센서 측정값, 웹 소켓 피드, 지리적 위치 등 외부 타이머나 이벤트로 구동되는 모든 것에 사용할 수 있습니다.
컴포넌트와 결합
어떤 컴포넌트에서든 $time으로 구독하세요. Svelte가 해제 작업을 처리합니다.
<p>The time is {$time.toLocaleTimeString()}</p>업데이트 없는 초기값
상수 읽기 전용 스토어를 만들려면 시작 함수를 생략하세요. 정적 설정에 유용합니다.
export const apiBase = readable("https://api.example.com");패턴 재사용
팩토리 패턴을 사용하면 도메인별 읽기 전용 스토어를 쉽게 만들 수 있습니다.
writable과 비교
읽기 전용 스토어는 사용하는 쪽에서 실수로 값을 쓰는 것을 방지합니다. 한 모듈이 소유한 데이터 소스에 사용하세요.
writable을 readable로 변환하기
writable의 subscribe 메서드만 노출하면 사용하는 쪽에 읽기 전용 뷰를 제공할 수 있습니다.
export const time = { subscribe: timeStore.subscribe };빠른 확인
시작 함수는 언제 실행되나요?
요약
readable은 지연된 시작과 정리 함수를 사용하는 읽기 전용 스토어를 만듭니다. 외부 데이터 소스에 적합합니다.
자주 묻는 질문
“readable 저장소와 사용자 지정 시작 함수” 강의는 무료인가요?
네 — “readable 저장소와 사용자 지정 시작 함수” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Sveltejs Academy 강의 전체를 잠금 해제할 수 있습니다. Sveltejs Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“readable 저장소와 사용자 지정 시작 함수”에서 뭘 배우나요?
타이머, 센서 또는 외부 데이터 원본을 기반으로 읽기 전용 저장소를 만듭니다. 브라우저에서 직접 실행하는 실습 코드로 Sveltejs Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Sveltejs Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Sveltejs Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 4번째 강의입니다.
“readable 저장소와 사용자 지정 시작 함수” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Sveltejs Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Sveltejs Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 쓰기 가능한 저장소 만들기
- $ 자동 구독으로 구독하기
- 저장소 업데이트: set()과 update()
- readable 저장소와 사용자 지정 시작 함수