목록2025/12/29 (1)

민혁이의 IT스토리

폴더 구조 그대로 업로드하기: FileSystem API 활용법

웹 서비스를 개발하다 보면 파일 업로드 기능은 필수적입니다. 하지만 사용자가 "폴더를 통째로" 드래그 앤 드롭했을 때, 그 내부의 계층 구조까지 유지하며 업로드하는 것은 생각보다 까다로운 작업입니다. HTML5의 비표준이지만 강력한 기능인 webkitGetAsEntry를 활용해, 리액트에서 폴더 구조를 유지하며 파일을 스캔하는 방법을 알아보겠습니다. 1. 왜 일반적인 업로드 방식으로는 안 될까?일반적인 이나 e.dataTransfer.files를 사용하면 두 가지 장벽에 부딪힙니다.폴더 인식 불가: 폴더를 드래그해도 브라우저에 따라 무시되거나 빈 파일로 취급됩니다.구조 정보 상실: 폴더 안의 파일들을 읽어오더라도, 그 파일이 어떤 하위 폴더에 속해 있었는지 알 수 있는 path 정보가 사라집니다.이를 ..
web 2025. 12. 29. 16:46
이전 Prev 1 Next 다음