이미지나 파일을 업로드해서 뷰로 보여주는 라이브러리가 존재하지만 라이브러리에 너무 의존하다보니 에러가 발생하면 에러를 극복하는데 시간을 허비하기 때문에 답답하기 마련이다.
이미지와 파일을 업로드했을 때 이미지는 뷰로, 파일은 리스트 형태로 보여주는 기능을 구현해보았다.
여기서 이미지는 클릭했을 때 파일 탐색기를 열어 파일을 불러와 64비트 인코딩을 통해 문자열로 나타내준다.
일반적인 파일 업로더는 파일 이름과 닫기버튼이 함께 보인다.
'기술스택 > React.js' 카테고리의 다른 글
[React 19] useContext (0) | 2025.03.25 |
---|---|
[React 19] useCallback (0) | 2025.03.23 |
[React 19] useActionState (1) | 2025.03.22 |
[React.js] React Router 기본, 중첩 Router 사용하기 (0) | 2022.05.03 |
[React Native] useEffect의 dependency array 사용 시 주의점 (0) | 2022.04.02 |