728x90 react puzzle1 React 드래그 앤 드롭으로 puzzle-game 만들기 준비물 1, 9등분한 이미지 2. 사전학습 React 드래그 앤 드롭 구현 핵심키워드 onDragStart, onDragEnter, onDragOver, onDragEnd useRef로 index 위치값 참조 draggable 속성 넣기 > ## DragEvents 우선 4가지 이벤트의 차이를 알아야 합니다. onDragStart velog.io 코드를 보기 전에 구조 설명 1. typescript를 사용하고 있습니다. 2. css는 styled-components를 사용하고 있습니다. 3. 컴포넌트를 UI,로직을 나눠서 구현하였습니다. Style.Puzzle.ts import styled from 'styled-components'; const Container = styled.section` posi.. 2022. 12. 19. 이전 1 다음 728x90
