Notice
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- userManagement
- 빌드 및 배포
- 밸류즈 홈페이지
- 이미지 업로드
- Typesciprt
- Token
- 공통메서드
- mypage
- 파생상품평가
- 밸류즈
- jsonwebtoken
- 마이페이지
- 관리자페이지
- stock option
- Update
- 캘린더 라이브러리
- react
- 스프링시큐리티
- 달력 라이브러리
- MRC
- RCPS
- Ajax
- 인증처리
- Styled Components
- register
- ui탬플릿
- 배포
- 로그인 로직
- 회원가입로직
- 로그인
Archives
- Today
- Total
목록드래그앤드롭 (1)
I T H
[React_Basic 4] TODO 리스트 만들기3 - Drag and Drop
- Drag and Drop 기능을 사용하기 위해 설치 해준다. npm install react-beautiful-dnd --save - Drag and Drop기능을 Lists.js에 넣어준다. [Lists.js] import React from "react"; import { DragDropContext, Draggable, Droppable } from "react-beautiful-dnd"; export default function Lists({ todoData, setTodoData }) { const handleCompleteChange = (id) => { let newTodoData = todoData.map((data) => { if (data.id === id) { data.compl..
React Basic
2024. 1. 25. 10:28