Meme's IT
close
프로필 배경
프로필 로고

Meme's IT

  • 분류 전체보기 (189)
    • 교육 (21)
      • 네부캠 (4)
      • SSAFY (3)
      • SSAFYcial (11)
      • 프론트엔드 프로젝트 캠프 (3)
    • 알고리즘 (9)
      • 문제풀이 (7)
    • BackEnd (49)
      • DB (5)
      • Django (44)
    • FrontEnd (73)
      • JavaScript (30)
      • Vue (28)
      • React (10)
      • TypeScript (3)
    • Server (7)
    • 자격증 & 기타 (27)
      • 혼공컴 (1)
      • SQLD (20)
      • 머신러닝 (2)
      • CS (1)
      • 기타 (3)
    • PROJECT (2)
    • 취준일기 (1)
  • 홈
  • 태그
  • 방명록

[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함수를 만들어서 걸어주..

  • format_list_bulleted FrontEnd/React
  • · 2024. 3. 12.
  • textsms
  • navigate_before
  • 1
  • navigate_next
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바