Develop Note by J.S.

Store Store란 Svelte에서 상태관리(state management) 기능을 제공하는 저장소 1) 기본사용법 - 수동 구독 및 수동 리소스 해지 The count is {count_value} - 자동 구독 : subscribe(), unsubscribe()의 일련의 기능을 자동화 하는 방법으로, $ 기호 사용 시 자동으로 처리됩니다. * 주의 사항 : store 변수 정의는 + 2) store의 사용자 정의 method로 구현 // store.js import { writable } from 'svelte/store'; // read, write, delete가 가능한 store 모듈 function createCount() { const { subscribe, set, update } = ..

1. 변수선언 스벨트의 반응형 state는 기본 javascript 변수선언 명령어인 let으로 가능하며 methods로 state를 변경하여 변경된 state가 mark up 영역에 즉시 반영이 됩니다. 2. 반응성 $: vue의 computed 속성의 동작과 비슷하며, 대상의 상태 값을 감지하여 동작된다. 클릭 수 {count} {count === 1? 'time' : 'times'} {count} 두배는 {doubled} 3. Component 불러오기 // Main.svelte // 자식 컴포넌트 // 자식 컴포넌트 // 자식 컴포넌트 4. Props (단방향 binding) // Main.svelte // ChildrenComponet.svelte 클릭수 {count} 5. Component E..

1. 무한 Pending 상태 Async Await 함수를 이용하여 비동기 로직을 구현할 때 도중에 한 Api 가 무한 pending 상태에 빠진다면 어떻게 빠져나올 것인지에 대한 고민이 필요할 것 입니다. async function initComponent() { try { await testApi1(); //만약 pending에서 빠져나오지 않는다면 initComponent()는 영원히 종료되지 않는다. await testApi2(); } catch (e) { console.err(e); } } 2. AbortSignal 사용 - 이런 문제가 발생했을 때 AbortSignal은 async await를 취소할 수 있는 방법 중 하나일 수 있습니다. 다만 취소 Trigger를 직접 지정해야함에 있어 완벽..