Svelte 약간의 개념 및 전역이벤트

Diffing

스벨트가 아닌 React, Vue 의 경우 가상 DOM을 사용하여, 기존의 DOM과 변경된 DOM의 차이점을 분석하고, 해당 부분만 업데이트하는 작업을한다
이때, 비교하는 것을 Diffing 이라고 한다

스벨트는 이런 가상DOM을 생성하고, 비교하고(Diffing), 갱신하는 3가지 단계중, 마지막 갱신단계만 수행한다. 즉, overhead가 줄어든다

Compiler

스벨트는 프레임워크가 아닌 VanillaJS로 변환해주는 컴파일러이다.
즉, 결국 결과물은 순수 JS로 바뀐다는 것이다.

svelte:window/

svelte앱 전역에다가 이벤트를 걸어놓을수있다

<svelte:window on:keydown={handleKeydown}/>

여기서 handleKeyDown이라는 함수에는 인자로 event 가 들어간다.
이를 적절히 활용하면 된다