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
- TypeScript
- js
- git
- vitepwa
- pwa적용하기
- SSAFYcial
- Django
- unionfind
- PWA
- VITE
- 백준
- 셀프넘버
- Python
- db
- 머신러닝종류
- 알고리즘
- 싸피
- QuerySetAPI
- SSAFY
- 플로이드워셜
- SQL
- queryset
- 리액트
- 데코레이터
- 싸피10기
- Javascript
- 14658
- react
- sqld
- 싸피셜
Archives
- Today
- Total
목록input (1)
Meme's IT
[React] 파일 업로드 버튼 만들기(+ typescript)
기본 세팅 : typescript, react 기본적으로는 input 태그 사용 이런식으로 안보이는 input 태그 생성 그러고 나서 react의 useRef를 이용해서 const fileInput = useRef(null); 이런식으로 다룰 변수를 하나 만들어줌 그리고 file을 저장하기 위해 useState를 써서 const [file, setFile] = useState(null) file 변수도 생성 버튼이 눌리면 → 파일 선택이 되도록하기 위해서 버튼 하나 생성 후 onClick 걸어줌 {fileInput.current?.click()}}> 업로드하기 p태그 스타일은 tailwind CSS라 무시가능 그 다음에 input 태그에 fileInput을 ref로, onChange함수를 만들어서 걸어주..
FrontEnd/React
2024. 3. 12. 17:00