파일 폼 없이 드래그 앤 드랍으로 이미지를 업로드를 하고싶었다. 텍스트 공간에 이미지를 끌어넣고 텍스트처럼 위치를 조정하고 싶었다. Typescript, Svelte를 사용했다. // src/components/Email/email.svelte Send description이란 텍스트 공간을 div 태그로 구성했다. 이메일 폼을 만드느라 table을 사용했는데 이는 무관하다. 텍스트 전체가 드래그 되지 않게 draggable="false" 이미지가 드랍되면 새 창을 열지 않는 drop 이벤트. 이미지를 드래그하기 시작하면 마우스 위치 왼쪽 모서리에 잡히게 디자인한 dragstart 이벤트. 스토어를 사용하지 않아 드랍된 이미지를 텍스트에 img 태그로 저장하는 dragend 이벤트를 사용했다. 가장 중요..