| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- 알고리즘 기초
- 코딩테스트
- 정글
- Python
- BFS
- 프로그래머스
- 알고리즘
- CSS
- react
- Git
- 프론트엔드
- 혼자 공부해서 개발까지
- 개발자
- 팀프로젝트
- 그리디
- 정렬
- 크래프톤 정글
- 프론트앤드
- Mini-React
- html
- js
- 백준
- 해시
- 코딩
- 그래프
- c언어
- javascript
- HTML기초
- frontend
- DFS
Archives
- Today
- Total
목록2025/12/29 (1)
민혁이의 IT스토리
폴더 구조 그대로 업로드하기: FileSystem API 활용법
웹 서비스를 개발하다 보면 파일 업로드 기능은 필수적입니다. 하지만 사용자가 "폴더를 통째로" 드래그 앤 드롭했을 때, 그 내부의 계층 구조까지 유지하며 업로드하는 것은 생각보다 까다로운 작업입니다. HTML5의 비표준이지만 강력한 기능인 webkitGetAsEntry를 활용해, 리액트에서 폴더 구조를 유지하며 파일을 스캔하는 방법을 알아보겠습니다. 1. 왜 일반적인 업로드 방식으로는 안 될까?일반적인 이나 e.dataTransfer.files를 사용하면 두 가지 장벽에 부딪힙니다.폴더 인식 불가: 폴더를 드래그해도 브라우저에 따라 무시되거나 빈 파일로 취급됩니다.구조 정보 상실: 폴더 안의 파일들을 읽어오더라도, 그 파일이 어떤 하위 폴더에 속해 있었는지 알 수 있는 path 정보가 사라집니다.이를 ..
web
2025. 12. 29. 16:46