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
- JavaScript
- compose 함수
- 프로미스 직접 구현하기
- 리액트 이미지 미리보기
- react-beautiful-dnd
- 순수함수
- search input
- 자바스크립트 검색 구현하기
- 유저접근제한
- 자바스크립트
- 리액트 dragdrap
- 리엑트 검색 기능 구현하기
- next seo
- 자바스크립트 reduce 함수 직접 만들어보기
- 러닝리액트
- react 배열 재정렬하기
- 자바스크립트로 달력만들기
- 프로미스
- 노드교과서
- 넥스트 검색엔진최적화
- 리액트 고차컴포넌트
- 코어자바스트립트
- debound
- react search input
- new Promise()
- 올리브영 발색비교 기능구현하기
- 검색 자동완성
- range 함수 직접 만들기
- 초집합
- 자바스크립트로 하는 자료 구조와 알고리즘
Archives
- Today
- Total
목록리액트 dragdrap (1)
미주알고주알
[React.js] React로 Drag & Drop 구현해보기
올리브영에서 틴트 쇼핑을 하다가 '발색 비교'라는 기능을 보게 됐는데, Drag & Drop 기능이 너무 매력적인 것. 올리브영 발색 비교 기능 그래서 지금 진행하고 있는 사이드 프로젝트에도 적용해 봤다. 당연히.. 완성도는 쪼메 떨어지지만 그래도 필요한 기능은 잘 구현한 것 같다. 지금까진 만족. 사이드 프로젝트 일부 모달 안에 다음 뷰를 구성한 거고, Drag And Drop을 위해 npm의 `react-beautiful-dnd`를 사용했다. > yarn add react-beautiful-dnd > yarn add -D @types/react-beautiful-dnd 이 모듈을 사용법은 다른 블로그를 참고하면 된다. 다들 사용법을 쉽게 설명해 주셔서 금방 적용할 수 있었다. google에 이 모듈만..
React.js
2023. 3. 23. 14:23