FormData

핵심 아이디어

FormData는 <form> 요소나 직접 append한 값들을 이름-값 쌍으로 저장하고, 필요할 때 multipart/form-data 스트림으로 내보냅니다. fetch나 XMLHttpRequest에 그대로 넘기면 인코딩과 경계값을 브라우저가 알아서 처리합니다.

이 블로그에서의 역할

Mathbong의 대시보드와 업로드 예제는 FormData를 평범한 객체로 펼쳐 검증한 뒤, 원본 스트림을 다시 서버로 보냅니다. 이 과정에서 AbortController를 곁들이면 대용량 업로드도 중간에 끊고 상태를 정리할 수 있습니다.