$ 자동 구독으로 구독하기
$ 접두사를 사용해 컴포넌트에서 저장소를 자동으로 구독하고 구독을 취소합니다.
$ 자동 구독으로 구독하기은(는) CoddyKit의 무료 Sveltejs Academy 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Sveltejs Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Sveltejs Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
$ 접두사
컴포넌트 내부에서 스토어 앞에 $를 붙이면 자동으로 구독하고 값을 읽을 수 있습니다.
<script>
import { count } from "./stores";
</script>
<p>{$count}</p>자동 구독 해제
컴포넌트가 제거되면 Svelte가 자동으로 구독을 해제합니다. 메모리 누수가 발생하지 않습니다.
컴파일 시점의 동작
컴파일러는 빌드 시점에 $count를 적절한 구독 및 구독 해제 코드로 다시 작성합니다.
$store에 할당하기
직접 할당할 수도 있습니다. $count = 5는 count.set(5)의 축약형입니다.
$store 업데이트
$count++와 같은 연산자도 사용할 수 있으며, 내부적으로 새 값과 함께 set을 호출합니다.
컴포넌트 전용
$ 축약형은 .svelte 파일 내부에서만 유효합니다. 일반 .js에서는 get(store)나 subscribe를 사용하세요.
반응형 구문 내부
$store 값은 반응형이므로 $: 선언을 실행합니다.
$: doubled = $count * 2;마크업 내부
일반 변수를 보간하는 곳이라면 어디에서든 {$store}를 사용하세요.
여러 스토어
필요한 만큼 스토어를 자동으로 구독할 수 있으며, 각 스토어는 독립적으로 추적됩니다.
$에서 부수 효과 피하기
$ 축약형은 읽기와 할당을 위한 것입니다. 복잡한 로직을 인라인으로 작성하지 마세요.
성능
컴포넌트별 자동 구독에 드는 비용은 거의 없습니다. 공유 상태에 자유롭게 사용하세요.
빠른 확인
Svelte 컴포넌트에서 $count는 어떤 역할을 하나요?
요약
$store 축약형은 구독을 읽고 쓰며 자동으로 정리합니다. .svelte 파일 내부 어디에서든 사용하세요.
자주 묻는 질문
“$ 자동 구독으로 구독하기” 강의는 무료인가요?
네 — “$ 자동 구독으로 구독하기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Sveltejs Academy 강의 전체를 잠금 해제할 수 있습니다. Sveltejs Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“$ 자동 구독으로 구독하기”에서 뭘 배우나요?
$ 접두사를 사용해 컴포넌트에서 저장소를 자동으로 구독하고 구독을 취소합니다. 브라우저에서 직접 실행하는 실습 코드로 Sveltejs Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Sveltejs Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Sveltejs Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 2번째 강의입니다.
“$ 자동 구독으로 구독하기” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Sveltejs Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Sveltejs Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.