Drop
-
[Javascript Event] Drop 이벤트에 preventDefault, stopPropagation를 적용해도 동작하지 않는 현상 해결Javascript & TypeScript 2021. 4. 27. 23:12
React 프로젝트에서 파일을 Drag & Drop 하기 위한 기능을 구현하고 있었다. React를 대상으로한 Drag & Drop 컴포넌트가 오픈소스상에 많이 존재하긴 하지만, 간단한 기능 구현마저 라이브러리로 도배해야할까 싶어 직접 구현하고 있다. (결국 진행이 간단치 않게 되었다. 🤣) 소스코드는 아래와 같다. import React, { useState, useRef, useEffect, useCallback } from "react"; import { Container, createStyles, Grid, makeStyles, Paper, Theme, } from "@material-ui/core"; const useGridStyles = makeStyles((theme: Theme) => cr..