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 |
Tags
- react next
- Vue
- netlify redirect
- SCSS use
- flex
- 폼 입력 바인딩
- 프로그래머스 데브코스
- git 같은계정 다른 컴퓨터
- 프로그래머스 프론트엔드 데브코스
- 리액트
- KDT 프로그래머스 데브코스 프론트엔드
- vuex map
- nextjs사용법
- vue 이벤트 수신
- SCSS import
- SCSS extend
- KDT 프로그래머스
- 프로그래머스 K_Digital Training
- vue mixin
- 다른컴퓨터에서 git사용
- 리스트 렌더링
- 고양이 사진 검색기
- Spacer
- 이벤트 수식어
- postcss
- 프로그래머스 데브코스 프론트엔드
- 쌓임맥락
- intersection opserver
- SCSS forward
- vue 지역 컴포넌트
Archives
- Today
- Total
목록react 드래그 (1)
혼자 적어보는 노트

종종 사이트에서 드래그&드롭 이벤트가 보이길래 투두리스트를 작업하면서 나도 해당 기능을 적용해보기로 했다. 라이브러리를 사용해야 될 것만 같았는데 HTML 드래그앤 드롭 API가 존재 한다는 것을 알게되었다. 여러 블로그나 글을 읽고 해본 다음에 공식문서를 보는 것이 도움이 되었다. + 참고블로그 드래그 api를 사용할 때 필요한 것. 1. draggable 속성 추가. 드래그 api를 사용하려면 html 태그 안에 draggable이라는 속성을 넣어주어야 한다. 2. 이벤트 지정. 사용할 이벤트를 지정해준다. 주요 이벤트 이름은 아래와 같다. drag 드래그 할 때 발생 dragstart 드래그하기 시작했을 때 발생 dragend 드래그를 끝냈을 때 발생 dragenter 드래그한 요소가 드롭 대상 위..
React
2022. 1. 6. 15:03