일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 세로메뉴바
- JavaScript
- 실기
- 생활코딩
- 코드공유
- Supabase
- react
- 웹퍼블리셔
- git
- 웹디자인기능사실기
- 자바스크립트
- jQuery
- CSS
- web
- 렛츠기릿자바스크립트
- 프론트엔드
- 코딩독학
- HTML
- 비전공자
- 슬라이드전환
- JS
- github
- 연산자
- 웹디자인기능사
- 웹디실기
- 타입스크립트
- 정보처리기사
- 리액트
- PROJECT
- 깃
Archives
- Today
- Total
목록다중이미지 (1)
코딩하는라민

[React/Project] input 으로 업로드한 여러 개의 이미지 하나씩 삭제하기 📌 업로드한 여러개의 이미지 개별 삭제하기 ✅ 삭제 버튼을 만들어준다. ✅ 버튼에 클릭 이벤트를 걸어준다. ✅ 이렇게 클릭 이벤트를 걸어주면 이미지 전체가 지워진다. function removeImg() { setPostImg([]); setPreviewImg([]); } 단순히 이렇게해서 상태를 초기화한다면, 어떤 x 버튼을 눌러도 업로드된 이미지가 모두 제거될 것이다. 그렇다면 내가 누른 버튼의 index 를 파악해서 그 index에 해당하는 파일의 index 번째 파일을 지워야할 것. ✅ 매개변수에 index 를 넣어주고, 파일과 파일 url 을 전개해 변수에 넣어준다. function removeImg(inde..
프로젝트 관련/Project
2023. 3. 18. 17:23