사진과 영상을 파일을 추가하는 페이지에 활용할 수 있음
폴더에 있는 파일을 끌어서 파일 추가할수 있고 미리 보기가 가능함
mui말고는 따로 라이브러리를 쓰진 않았음
jpg, png, jpeg,mp4만 가능하도록 했고 만약 파일명에 . 이 들어가있으면 오류남
파일 구조는
-components: box.jsx
-boxPage.js
로 크게 구성되어있고, box 는 틀만 넣고 page부분에 기능부분을 넣었음
-- 결과물
https://github.com/smallstar23/photodraganddrop
GitHub - smallstar23/photodraganddrop
Contribute to smallstar23/photodraganddrop development by creating an account on GitHub.
github.com
'개발자공부 (2021.11~현재) > React' 카테고리의 다른 글
| React State가 업데이트 되어도 바로 반영되지 않을 때 (api 호출) (0) | 2022.11.07 |
|---|---|
| 비디오 플레이어 커스터마이징 하기 (0) | 2022.11.07 |
| 계층형 구조 카테고리 treeview 구현(react-dnd-treeview 외) (0) | 2022.11.03 |
| 리액트 로그인 유지 구현(스프링 부트 api 호출 방식) (0) | 2022.11.02 |
| 리덕스(redux) 이해하기 (0) | 2022.08.05 |