저장소 업데이트: set()과 update()
set()과 update()의 업데이트 콜백을 사용해 저장소 값을 교체하거나 변환합니다.
저장소 업데이트: set()과 update()은(는) CoddyKit의 무료 Sveltejs Academy 강의입니다. 이것은 4개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Sveltejs Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Sveltejs Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
두 가지 업데이트 방식
스토어는 두 가지 업데이트 메서드를 제공합니다. 값을 교체하는 set(value)과 변환하는 update(fn)입니다.
set 예제
값 전체를 교체합니다.
count.set(5);update 예제
콜백을 사용해 현재 값을 변환합니다.
count.update(n => n + 1);어느 것을 사용할까요?
절대적인 변경에는 set을 사용하고, 새 값이 이전 값에 따라 달라질 때는 update를 사용하세요.
컴포넌트 내부
.svelte 파일 내부에서는 store.set(x)보다 $store = x 축약형을 우선 사용하세요.
컴포넌트 외부
일반 JS 모듈과 도우미에서는 set/update를 직접 호출하세요.
객체 업데이트
스토어에 객체가 담겨 있다면 update에서 새 객체를 반환해야 구독자가 변경을 감지할 수 있습니다.
user.update(u => ({ ...u, name }));배열 업데이트
같은 규칙이 적용됩니다. 새 배열을 반환하고 기존 배열을 직접 변경하지 마세요.
todos.update(list => [...list, newTodo]);일괄 처리
여러 업데이트를 연속으로 실행하면 각각 구독자를 실행합니다. 일괄 처리할 때는 최종값을 계산한 후 한 번만 설정하세요.
비동기 업데이트
비동기 콜백 내부에서 set을 호출할 수 있으며, set이 실행되면 구독자가 새 값을 받습니다.
사용자 지정 설정 함수
더 깔끔한 API를 위해 사용자 지정 스토어의 set/update를 이름이 있는 함수로 감싸세요.
function increment() { count.update(n => n + 1); }빠른 확인
어떤 메서드에 이전 값이 필요한가요?
요약
set은 값을 교체하고, update는 콜백을 통해 현재 값을 사용하여 변환합니다.
AI 튜터와 함께 HTML을(를) 배우세요 — 무료
브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.
- 코스
- 41
- 레슨
- 163
자주 묻는 질문
“저장소 업데이트: set()과 update()” 강의는 무료인가요?
네 — “저장소 업데이트: set()과 update()” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Sveltejs Academy 강의 전체를 잠금 해제할 수 있습니다. Sveltejs Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“저장소 업데이트: set()과 update()”에서 뭘 배우나요?
set()과 update()의 업데이트 콜백을 사용해 저장소 값을 교체하거나 변환합니다. 브라우저에서 직접 실행하는 실습 코드로 Sveltejs Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Sveltejs Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Sveltejs Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 3번째 강의입니다.
“저장소 업데이트: set()과 update()” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Sveltejs Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Sveltejs Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 쓰기 가능한 저장소 만들기
- $ 자동 구독으로 구독하기
- 저장소 업데이트: set()과 update()
- readable 저장소와 사용자 지정 시작 함수