TL;DR tsconfig.app.json에 experimentalDecorators: true 추가했는지 확인!!! 오류 발생 환경 * [email protected] * [email protected] * @vitejs/[email protected] * [email protected] * @vue/[email protected] 오류 로그 Vite 5로 빌드 시도 시 Expression expected (Note that you need plugins to import…
TL;DR * 방화벽!!! 방화벽!!!!! 방화벽!!!!!!!! HTTP/3는 UDP를 기반으로 하는 QUIC 프로토콜을 사용하므로, 이전 HTTP 버전들은 TCP 프로토콜만 허용해주어도 됐지만 HTTP/3는 방화벽에서 UDP까지 허용해주어야 함!! * 여러 브라우저 및 HTTP/3 테스트 사이트에서 테스트해보기. * 브라우저 구현에 따라 HTTP/3 연결이 가능함에도 HTTP/2나 HTTP/1.1 연결을 고수하는 경우가 있는…
![[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #2](/content/images/size/w1920/2022/12/dragndrop_2nd-1.gif)
자바스크립트 드래그 앤 드롭 씨리-즈 * #1 - 드래그 앤 드롭 설정 및 이벤트 등록 * #2 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트 특정 위치 배치 이 글에서는 본격적으로 "드래그 앤 드롭으로 특정 위치에 엘리먼트 배치하기", 즉 이번 주제의 핵심을 다뤄보려고 합니다! 대부분의 로직은 저번 글에서 작성한 이벤트들의…
![[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #1](/content/images/size/w1920/2022/11/------2022-11-18-235753.png)
TL;DR * 드래그할 요소Draggable로 설정할 DOM Element에 draggable 속성을 "true"로 설정하고 dragstart 이벤트 등록 * 드롭 영역Dropzone으로 설정할 DOM Element에 dragover 이벤트와 drop 이벤트 등록 자바스크립트 드래그 앤 드롭 씨리-즈 * #1 - 드래그 앤 드롭 설정 및 이벤트 등록 * #2 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트…