# drag

14개의 포스트

Drag and Drop using Hook

RefHooking, Using Drag and Drop in React장점 1, 재사용성.: Hooks create a common way to reuse code by incorporating a single function call to use React feat

2022년 9월 11일
·
0개의 댓글
·

Drag 제스쳐

구현하고자 하는 것 예전에 구현한 것인데 포스팅을 깜빡하고 잊었네요. 지금 구현하고자하는 것은 드래그 제스처를 활용해서 단어의 암기 여부를 DB에 기록하는 기능입니다. 그리고 맞은 단어는 초록색, 틀린 단어는 노란색으로 색도 바꾸어 줍니다. 물론 UITableVie

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

[2022.06.22] JS drag and drop으로 선택한 요소의 위치 바꾸기

이틀 전에 혼자 드래그 앤 드롭 구현했을 때 동작은 잘 되는데 뭔가 아쉬운..? 느낌이 있어서 관련 영상 찾아서 따라 만들어보고 복습겸 다시 만들어보았다.list 이름의 변수를 선언하여 class가 list인 요소를 선택하였다. ul 태그가 선택될 것이다.let으로 선

2022년 6월 22일
·
0개의 댓글
·
post-thumbnail

[2022.06.20] (스스로 해보기) 자바스크립트로 드래그 앤 드롭 이벤트 구현하기

자바스크립트 복습 겸 드래그 앤 드롭 이벤트 구현 공부HTML과 CSS를 사용해 드래그할 요소와 드래그 박스를 만들었다.드래그 요소에는 draggable 속성을 작성해주면 된다.드래그 이벤트는 드래그 가능한 대상에서 발생할 수 있는 이벤트이다.dragstart드래그가

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

(이미지,아이콘) 드래그 앤 드롭

SwiftUI(Swift)에서 드래그 앤 드롭 하는 법을 알아봐요!!

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

[2022.04.26] 드래그 앤 드롭 퍼즐게임 따라 만들어보기

어제 드래그 앤 드롭에 대한 개념 정리하면서 간단히 사용해본 드래그 앤 드롭을 이용한 게임 만드는 것을 따라해봤다.데브리님의 유튜브 영상을 보면서 만들어봤는데 머리에 온갖 개념이 나돌아 다녀서 일단은 따라해보면서 구현해보고 다음에 다시 처음부터 혼자 만들어보려고 한다.

2022년 4월 26일
·
0개의 댓글
·

[Unity] drag & drop

Unity drag & drop

2022년 2월 15일
·
0개의 댓글
·
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개의 댓글
·