Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- postcss
- 쌓임맥락
- 프로그래머스 K_Digital Training
- nextjs사용법
- SCSS extend
- vue 지역 컴포넌트
- 리스트 렌더링
- git 같은계정 다른 컴퓨터
- 폼 입력 바인딩
- Spacer
- vue 이벤트 수신
- intersection opserver
- vuex map
- vue mixin
- react next
- netlify redirect
- 고양이 사진 검색기
- 이벤트 수식어
- flex
- KDT 프로그래머스
- SCSS forward
- 프로그래머스 데브코스 프론트엔드
- KDT 프로그래머스 데브코스 프론트엔드
- 리액트
- 프로그래머스 데브코스
- SCSS import
- Vue
- SCSS use
- 프로그래머스 프론트엔드 데브코스
- 다른컴퓨터에서 git사용
Archives
- Today
- Total
목록drag and drop 자식요소 (1)
혼자 적어보는 노트
[React] Drag and Drop 이벤트 응용해보기 / 문제해결
https://jinist.tistory.com/92?category=930695 [React] Drag and Drop 이벤트 적용해보기 종종 사이트에서 드래그&드롭 이벤트가 보이길래 투두리스트를 작업하면서 나도 해당 기능을 적용해보기로 했다. 라이브러리를 사용해야 될 것만 같았는데 HTML 드래그앤 드롭 API가 jinist.tistory.com 이전에 시도했던 Drag and Drop이벤트. 맛보기로 감을 잡았으니 내 프로젝트에 적용할 응용버전을 만들어 보기로 했다. 하고싶은 기능의 구현사항 1. 리스트 드래그 시 클릭한 리스트 불투명처리 2. 리스트 드래그 시 들어갈 위치에 border 표시 3. 드롭 시 해당 위치에 해당 리스트 삽입 import React from "react"; import ..
React
2022. 1. 8. 02:37