React - input type file 커스텀하기

1. input을 대체할 버튼 만들기
2. <input type='file'>을 화면에서 사라지게 하기
3. useRef로 해당 input을 선택해 대체 버튼에 onclick으로 걸기
   ref명.current?.click()

const UploadButton = Styled.button`
  padding: 0.2em;
  font-size: 1em;
  border: none;
  border-radius: 0.3em;
  cursor: pointer;
`;

const FileInput = Styled.input`
  visibility: hidden;
  position: absolute;
`;

return(
  <Fragment>
    <UploadButton
      onClick={() => {
        input.current?.click();
      }}
    >
    이미지 선택
    </UploadButton>
    <FileInput type="file" multiple ref={input} />
  </Fragment>
)

출처)
[React] 커스텀 input type='file' 제작 - jhjeong00