toy-project-kyungsle / drag-drop-puzzle Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

javascript로 drag & drop을 할 수 있는 퍼즐을 만들어봅니다. Qshop 제품에 기여하기 전 드래그 앤 드롭을 연습해보려고 제작했습니다.

0 stars 0 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
.vscode		.vscode
README.md		README.md
index.html		index.html
main.js		main.js
style.css		style.css

Repository files navigation

drag_drop_puzzle

javascript로 drag & drop을 할 수 있는 퍼즐을 만들어봅니다

배운 점

parentNode, childNode, Sibling 정보를 가져올 수 있습니다.
DOM 내장 함수인 after, before 을 사용해서 퍼즐을 옮길 수 있지요.
drag 이벤트를 붙일 수 있습니다

구동 영상

default.mp4