파일타입의 Input은 Browser에서 정해놓은 defualt 스타일이 적용되어 있으며, 일반적으로 파일 선택 버튼이나, placeholder를 수정할 수가 없다. 이번 포스트에서는 내가 원하는대로 file type의 input의 스타일을 수정하고, 버튼과 placeholder 텍스트를 수정하는 방법에 대해 정리해보고자 한다. 완성 Input Component 위 사진은 커스텀해서 만들 Input의 모습이다. 드래그엔 드랍이 가능하며, 버튼 색, 버튼 Text, Placeholder 까지 모두 수정이 가능하다. (참고로 디자인은 tailwind의 input을 벤치마크했다.) 참고로, 이번 포스트에서 나는 편의상 vue3를 사용할 예정이지만 자신이 편한 프레임워크를 사용해도 상관없다. 전체 로직 전체로직..
