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

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

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

오드로이드 N2+ vs 라즈베리파이 3B: 메모리 성능 벤치마크

오드로이드 N2+ vs 라즈베리파이 3B: 메모리 성능 벤치마크

오드로이드 N2+ vs 라즈베리파이 3B 벤치마크 씨리-즈 * 오드로이드 N2+ vs 라즈베리파이 3B: 메모리 성능 벤치마크 * 오드로이드 N2+ vs 라즈베리파이 3B: 프로세서 성능 벤치마크 벤치마크 SW/HW 환경 벤치마크 툴 / 공통 사항 * Phoronix Test Suite v10.8.4 * 두 SBC 모두 헤드리스 모드(디스플레이 출력 단자 분리) 상태에서 SSH로 접속하여 벤치마크…

오드로이드 N2+ vs 라즈베리파이 3B: 프로세서 성능 벤치마크

오드로이드 N2+ vs 라즈베리파이 3B: 프로세서 성능 벤치마크

오드로이드 N2+ vs 라즈베리파이 3B 벤치마크 씨리-즈 * 오드로이드 N2+ vs 라즈베리파이 3B: 메모리 성능 벤치마크 * 오드로이드 N2+ vs 라즈베리파이 3B: 프로세서 성능 벤치마크 벤치마크 SW/HW 환경 벤치마크 툴 / 공통 사항 * Phoronix Test Suite v10.8.4 * 두 SBC 모두 헤드리스 모드(디스플레이 출력 단자 분리) 상태에서 SSH로 접속하여 벤치마크…

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 - 드래그 앤 드롭 시 좌표 계산, 엘리먼트…

오드로이드 N2+: 언박싱

오드로이드 N2+: 언박싱

아아... 그 분이 드디어 나에게 오셨습니다... 살짝 건들기만 해도 픽 쓰러질 것만 같은 라즈베리파이 3B를 대체하기 위해 구매한 오드로이드 N2+가 드디어 우리 집에 당도하셨습니다! (사실 배송 도착은 9일이였는데 이것저것 하느라 + 귀찮아서(...) 이제서야 글을 쓰는 건 안비밀입니다.) UNBOXING 명목적으로는 B2B로 판매하는 제품이라 박스 패키징은 어떨까 궁금했었는데, 그래도 로고도 제대로 박혀있고…

오드로이드 N2+: 삽질의 서막

오드로이드 N2+: 삽질의 서막

하드커널 웹사이트 장바구니에 오드로이드 N2+를 넣었다 뺐다 한 지 어언 2주 째(맞나? 몰?루)... 눈 딱 감고 "결제하기" 버튼을 눌러버렸습니다. 갑자기 이걸 왜 샀는가?? 지금 이 글을 쓰고 있는 시점의 현재, 제 컴퓨터 책상 위에는 민트색 PC 본체, 가냘픈(?) 손가락에 자판이 눌려지고 있는 광적축 키보드, 쉘에…