250x250
반응형
- Today
- Total
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
- 훈련소 후기
- next.js toast
- react
- 리액트 알림
- 비동기 병렬처리
- localStorage
- styled-component
- 자바스크립트 순수함수
- no-use-before-define
- 리액트 라이프사이클
- useformstatus
- 사회복무요원 훈련소
- server action
- 자바스크립트
- react toast
- angular
- 훈련소
- NextJS
- 리액트
- The above error occurred in the
- resolved to branch.
- sessionStorage
- 산업기능요원 훈련소
- query param
- 공익 훈련소
- useRouter
- 오블완
- react life sycle
- 오라클클라우드
- svgr
Archives
목록DnD (1)
아 그거 뭐였지
[React] react-beautiful-dnd 로 드래그 만들기 (TypeScript)
Q. 드래그앤드랍 만들어주세요. 드래그앤드랍? 라이브러리 써서 하면 금방 뚝딱아닌가 라고 자만했던 과거의 나에게 엄벌을 내려주고싶다. 개발할때 자만은 죄악이다. 언제나 겸손하도록 하자. 앵귤러만 사용하다가 리액트로 사용하려다보니 막히는 부분이 많았다. 하지만 덕분에 공부가 많이돼서 재밌었다. 야무지게 다운로드 부터 먼저 해주도록 하자 # yarn yarn add react-beautiful-dnd # npm npm install react-beautiful-dnd --save 공식문서를 보면 드래그 앤 드랍을 작동시키기 위해선 크게 DragDropContext와 Droppable, Draggable이 있는데 DragDropContext는 드래그 앤 드랍을 사용하기위한 영역을 지정해주는것이고 Droppab..
Front-End
2022. 9. 12. 00:23