# drag

7개의 포스트
post-thumbnail

1.15~16- React masterClass (Framer motion1)

Farmer motion을 사용해서 여러가지 애니메이션 동작을 공부해볼 것이다.사용법은 먼전 npm i framer-motion으로 설치해주고 import를 해준 후import { motion } from "framer-motion";모든 HTML tag들을 <d

2022년 1월 16일
·
0개의 댓글

[CSS]드래그(drag)막기!

이미지 등 drag 막기 css전체 드래그 막기(복사안됨?)일부 영역 드래그를 허용 -> bacy에 드래그 방지 코드를 넣어놓고, 원하는 영역에 클래스 추가 텍스트만 드래그를 허용하고 싶은 경우이미지 드래그 막고 싶은 경우

2022년 1월 4일
·
0개의 댓글
post-thumbnail

Drag & Drop

투두리스트 만들어보다가 drag & drop을 구현해보고 싶었다.onDragStart와 onDragOver로 드래그앤 드랍을 구현할 수 있었다.드래그앤 드랍을 구현draggable 속성은 해당 element가 drag 가능한지 여부를 나타낸다.따라서 drag를 가능하게

2022년 1월 3일
·
0개의 댓글
post-thumbnail

[JS30] - 27) Click and Drag

사실 여기에서 $items.offsetLeft는 0으로 나오고, 이게 0이어도 기능 구현에는 아무런 문제가 없는데 왜 이걸 넣었는지??? 모르겠다. 다른 비슷한 기능을 구현하면서 알아봐야겠다. 더 공부해야하는 부분이다.드래그해 움직인 커서의 pageX좌표 - 처음 클릭

2021년 11월 7일
·
0개의 댓글
post-thumbnail

Element-Gesture 드래그 메서드

엘리먼트를 드래그하면 드래그한 정보를 반환하고 함수를 실행하는 메서드를 만들었습니다.깃허브에서 보기엘리먼트를 드래그하면 드래그한 방향, 거리, 위치등을 반환하는 메서드입니다. 인자로 키가 이벤트명이고 값이 함수인 객체를 받습니다.Element-Gesture는 세가지 이

2021년 8월 27일
·
0개의 댓글
post-thumbnail

Pre 31일차

[2021/02/17 수요일] HA & Solo Week

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[Bouncing Ball] Interactions만들기 -mouseover시 속도 변경, 이미지 집어서 드래그

브라우저 창에 마우스 호버하면 슬로우모션으로 애니메이션 실행마우스로 움직이는 공 잡아서 드래그mouseover 로 호버했을 때 공들의 속도를 늦추기mouseout 으로 마우스가 브라우저 밖으로 나갔을 때 속도 원상복귀브라우저 창에 마우스를 호버하면 슬로우모션으로 공이

2021년 2월 7일
·
0개의 댓글