NGINX + HTTP/3 삽질 기록

NGINX + HTTP/3 삽질 기록

TL;DR * 방화벽!!! 방화벽!!!!! 방화벽!!!!!!!! HTTP/3는 UDP를 기반으로 하는 QUIC 프로토콜을 사용하므로, 이전 HTTP 버전들은 TCP 프로토콜만 허용해주어도 됐지만 HTTP/3는 방화벽에서 UDP까지 허용해주어야 함!! * 여러 브라우저 및 HTTP/3 테스트 사이트에서 테스트해보기. * 브라우저 구현에 따라 HTTP/3 연결이 가능함에도 HTTP/2나 HTTP/1.1 연결을 고수하는 경우가 있는…

[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #2

[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #2

자바스크립트 드래그 앤 드롭 씨리-즈 * #1 - 드래그 앤 드롭 설정 및 이벤트 등록 * #2 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트 특정 위치 배치 이 글에서는 본격적으로 "드래그 앤 드롭으로 특정 위치에 엘리먼트 배치하기", 즉 이번 주제의 핵심을 다뤄보려고 합니다! 대부분의 로직은 저번 글에서 작성한 이벤트들의 핸들러 내에…

Git GPG 서명 설정 후 커밋 시 개인 키 없음 오류 해결

Git GPG 서명 설정 후 커밋 시 개인 키 없음 오류 해결

TL;DR * Git 커밋 서명 시 "No secret key" 오류와 함께 커밋 작성 실패 * 이는 Windows 상에서 Gpg4win으로 설치한 gpg의 홈 디렉터리 경로와 git 내장 gpg의 홈 디렉터리 경로가 상이해서 생긴 오류일 가능성이 높음 * 따라서 서로의 홈 디렉터리를 일치시켜야 하고, 이 때 GNUPGHOME 환경 변수를 설정하는 것으로 해결할 수 있음…

[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #1

[JS] 드래그 앤 드롭으로 엘리먼트를 특정 위치에 배치하기 #1

TL;DR * 드래그할 요소Draggable로 설정할 DOM Element에 draggable 속성을 "true"로 설정하고 dragstart 이벤트 등록 * 드롭 영역Dropzone으로 설정할 DOM Element에 dragover 이벤트와 drop 이벤트 등록 자바스크립트 드래그 앤 드롭 씨리-즈 * #1 - 드래그 앤 드롭 설정 및 이벤트 등록 * #2 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트 특정 위치…