목록Front-end (2)
HTD
CSS 방법론 - BEM: 클래스 작명 규칙
nykim.work/15
Front-end
2021. 4. 18. 23:58
[Vanilla JS] Drag&Drop 드래그앤드롭
좀 무섭네요 그냥 원을 움직이는 건 너무 심심해서 이미지 하나 넣어본 것 뿐이에요 별 다른 기능은 없습니다. HTML/CSS Javascript function MouseDown(event){ event.preventDefault(); const el = event.target; const classList = el.classList; if( !classList.contains("hold")){ const mouseX = event.clientX; const mouseY = event.clientY; const targetPos = el.getBoundingClientRect(); const targetX = targetPos.x; const targetY = targetPos.y; /*타겟의 left,..
Front-end
2020. 12. 7. 18:16