[리액트+타입스크립트] 이미지 업로드 구현 & 이미지와 콘텐츠 하나의 객체로 관리하기
우선 피그마로 그려본 페이지 프로토타입 입니다. 해당 페이지에서는 사용자가 수거 신청을 할 의류의 이미지를 등록하고 물품의 내용을 적어서 보낼 수 있는데 상품 추가를 통해 한 번에 여러 개를 묶어서 보낼 수도 있습니다. 요구 사항 하나의 물품당 하나의 이미지만 등록이 가능합니다. 이미지가 등록이 되어있지 않거나 상세 내용 중 하나라도 빠진 곳이 있으면 에러가 나야합니다. 상품 추가 버튼을 누르면 새로운 등록 폼이 등장하고 추가로 입력해서 한 화면에서 여러 개의 물품을 한 번에 보낼 수 있어야 합니다. 입력하던 폼의 삭제 버튼을 누르면 해당 폼은 사라지고 요청에서 제외됩니다. 요청은 formData 형식으로 보내며 productlist 라는 key로 물품의 상세 내용 배열을 문자열로, 각 이미지 파일은 f..
개발냥이/타입스크립트(Typescript)
2023. 7. 12. 09:31
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 자바dp
- JavaScript
- JPA
- Nest
- 자바
- Comparator
- CS
- 정렬
- 알고리즘
- 타입스크립트
- 자바트리
- DP
- 형변환
- 스프링부트
- Spring
- Queue
- java
- 이분탐색
- 자바스크립트
- dfs
- Algorithm
- 프로그래머스
- SQL
- 자바bfs
- 해시맵
- BFS
- SQLD
- 리액트
- 백준
- 스프링
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함