svelte에서 단축키를 만드는 방법은 일단 알기로는 2가지가 있다.
<svelte:window on:keydown={handleKeydown}/>
과
<button on:click={() => count++} use:hotkey={'i'}>
Press i to increment
</button>
이다.
원래는 위의 방법으로 단축키를 만들었으나 그렇게 했을 때 문제점이 window에 있는 모든 키의 입력을 감지하고 있기 때문에 채팅이나 input에 입력을 못했다.
따라서 찾은 해결책이 svelte-gh-hotkey이다.
button tag로 만든 후에 display:none을 처리하고 하고 싶은 이벤트만 처리해주면 완성이다.
여기서 문제점은 한영키를 구분하기 때문에 hotkey를 2개 넣어서 처리해줬다.
NO SBL KEEP GOING