React - input으로 파일 업로드

input 태그로 파일을 쉽게 업로드 해보자!

<input type="file">

위에 처럼 지정하면 input 태그를 만들고 type으로 text, password가 아닌, file을 등록해주자!
우리가 웹사이트를 돌아다니며 자주 볼 수 있는 파일 선택하는 창이 뜬다. 여기에서 파일이나 이미지를 등록할 수 있다.

type="file"과 사용하는 다른 속성들을 살펴보자!

1. accept = " .gif, .jpg, .png" : 파일의 확장자를 구분
2. accept = "audio/*" : 모든 오디오 파일을 보여줌.
3. accept = "video/*" : 모든 비디오 파일을 보여줌.
4. accept = "image/*" : 모든 이미지 파일을 보여줌.