[React] 이미지 파일 업로드 기능 구현 - 아이콘 클릭으로 업로드하고 화면에 띄우자
▶이미지 파일 업로드 기능 구현 - 아이콘 클릭으로 업로드하고 화면에 띄우자 이번 글에서는 프로젝트 진행 중에 겪었던 어려움을 해결한 방법에 대해 기록해 보려고 합니다 :) 다음 글에서는 업로드 후 해당 이미지 파일과 JSON 데이터를 함께 post 요청을 보내는 것까지 해볼 예정입니다. 🔎 이미지 파일 업로드 보통 이미지 파일 업로드를 하기 위해 다음과 같이 작성합니다. 해당 input 태그는 보이지 않게 하고 겉에 있는 div에 클릭 이벤트를 주어 이미지 파일 업로드 기능을 구현했는데요. 자세하게는 input 태그에 useRef를 걸어두고 겉에 있는 div에 클릭 이벤트가 발생하면 Ref를 통해 current.click() 이 되도록 코드를 작성했습니다. input 태그는 보이지 않게 하고 아이콘을 ..
프론트엔드/React
2023. 1. 30. 00:43
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 리액트
- rtl
- HTML
- 자바
- 인프런
- TypeScript
- 딥러닝
- 파이썬
- react
- Python
- JSP
- 스타일 컴포넌트 styled-components
- CSS
- 프론트엔드
- next.js
- 리액트 훅
- 프론트엔드 기초
- 프로젝트 회고
- testing
- 프론트엔드 공부
- 데이터분석
- 자바스크립트
- 디프만
- frontend
- 타입스크립트
- 머신러닝
- jest
- react-query
- 자바스크립트 기초
- styled-components
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함