파일 선택 취소 시 '선택된 파일 없음'

🚨 문제 상황 🚨

이미지 파일을 선택한 후 다시 파일 선택 버튼을 눌렀다가 취소를 누르면 위와 같이 '선택된 파일 없음'이라고 뜬다. 이미지 state가 사라지지 않았음에도 말이다.

🩺 문제 원인 🩺

![](

1. 찾아보니 보안상의 이유로 input의 value를 임의로 바꿀 수 없다고 한다.
2. 더 찾아보니 작년부로 가능해졌다고 한다. 이러한 방법이 있음에도 불구하고 보통은 디자인의 문제 때문에 기본 input을 가리고 위에 다른 컴포넌트로 덮는다고 하여 덮어버리기로 했다.

본 문제에 대해 알아보다가 흥미로운 글을 발견하였다. 서버사이드와 클리이언트 사이드를 이해하는 데에 큰 도움이 된 글이다.

💉 문제 해결 💉

style={{width:0, height:0, padding:0, overflow:"hidden", border:0}}
기본 input 디자인이 보이지 않게 함으로써 해결했다.