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
- 7기
- qwe
- 동기
- 스파르타코딩클럽
- Github Actions
- 배포
- 라우팅
- 비동기
- react
- 브라우저 렌더링
- imagePreview
- 채팅방
- S3
- route
- Redux
- 개발
- setstate
- 접근 제한 라우팅
- 후기
- CI/CD
- useEffect
- rendering
- FileReader
- previousState
- updater
- 미리보기
- 항해99
- socket.io
- routing
- Preview
Archives
- Today
- Total
삐옹
2022년 6월 13일 왜안돼? 본문
- 만만히 봤다. 백엔드의 기능요청 제안은 매우매우 조심히 신중하게 받아야 한다는걸 알게되었다. 다른 팀들에 비해서도 많았던 api기능들을 그래도 열심히 하면 되겠지 라고 생각했는데 개뿔. 게시물 올리는 페이지에서 여러 이미지 파일의 url가지고 오는걸로만 4시간은 썼다. 왜 아까 잘 되던 코드가 불통이 되어 버린 것일까. 분하다. 내일 계속.
오늘 배운 것
react에서 Img파일 업로드하기
1. type="file"의 input을 만든다.
2. 여러 이미지를 추가하려면 multiple 필수. 업로드 가능한 이미지 파일 지정은 accept 속성에서 한다.
3. fomr 안에 있는 input들의 값은 formData로 관리할 수 있다.(텍스트, 파일 등)
*단 가져온 formData의 값은 빈 객체로 뜬다.forEach로만 그 값을 확인할 수 있음.
참고:
https://taehoblog.netlify.app/react/previewimg/
'TIL > 2022년 6월' 카테고리의 다른 글
2022년 6월 18일 클론코딩 2일차 (0) | 2022.06.19 |
---|---|
2022년 6월 14일 뿌려막뿌려 (0) | 2022.06.15 |
2022년 6월 11일 담당 페이지 UI 완성 (0) | 2022.06.12 |
2022년 06월 10일 6주차 미니 프젝 시작 (0) | 2022.06.11 |
2022년 6월 9일 과제 완성 실패!ㅊㅋㅊㅋ (0) | 2022.06.10 |