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
- netlify redirect
- 프로그래머스 K_Digital Training
- 다른컴퓨터에서 git사용
- vue 이벤트 수신
- Spacer
- 리액트
- SCSS extend
- flex
- 고양이 사진 검색기
- 프로그래머스 데브코스
- intersection opserver
- vuex map
- 프로그래머스 데브코스 프론트엔드
- SCSS import
- SCSS forward
- SCSS use
- react next
- KDT 프로그래머스 데브코스 프론트엔드
- 리스트 렌더링
- 프로그래머스 프론트엔드 데브코스
- KDT 프로그래머스
- 이벤트 수식어
- 폼 입력 바인딩
- 쌓임맥락
- Vue
- postcss
- nextjs사용법
- vue mixin
- vue 지역 컴포넌트
- git 같은계정 다른 컴퓨터
Archives
- Today
- Total
목록react 드래그 (1)
혼자 적어보는 노트
[React] Drag and Drop 이벤트 적용해보기
종종 사이트에서 드래그&드롭 이벤트가 보이길래 투두리스트를 작업하면서 나도 해당 기능을 적용해보기로 했다. 라이브러리를 사용해야 될 것만 같았는데 HTML 드래그앤 드롭 API가 존재 한다는 것을 알게되었다. 여러 블로그나 글을 읽고 해본 다음에 공식문서를 보는 것이 도움이 되었다. + 참고블로그 드래그 api를 사용할 때 필요한 것. 1. draggable 속성 추가. 드래그 api를 사용하려면 html 태그 안에 draggable이라는 속성을 넣어주어야 한다. 2. 이벤트 지정. 사용할 이벤트를 지정해준다. 주요 이벤트 이름은 아래와 같다. drag 드래그 할 때 발생 dragstart 드래그하기 시작했을 때 발생 dragend 드래그를 끝냈을 때 발생 dragenter 드래그한 요소가 드롭 대상 위..
React
2022. 1. 6. 15:03