Blob이란?

Blob

• Binary Large Object의 줄임말
• 이미지, 사운드, 비디오와 같은 멀티미디어 데이터를 다룰 때 사용
• 주로 파일 업로드 / 이미지 처리 / 미디어 처리에서 사용
• 데이터를 간접적으로 접근하기 위한 객체라고 생각하면 좋다.

사용했던 함수

URL.createObjectURL()

• Blob 객체를 나타내는 URL을 포함한 DOMString을 생성
• Blob URL은 생성된 window의 브라우저에서만 유효
• 다른 window에서는 사용 불가능

blob:http://localhost:3000/test-1234-abcd

URL.revokeObjectURL()

• URL.createObjectURL()로 생성한 URLd을 해제 하는 함수
• 생성하고 해제하지 않으면 기존 URL을 유효하다고 판단해서 자바스크립트 엔진에서 가비지 컬렉션이 되지 않음
• 메모리 관리를 위해 생성하고 사용을 다 했으면 해제하는게 성능면으로 좋다.

// Blob URL 생성
const blob = window.URL.createObjectURL(blob);

// Blob URL 해제
window.URL.revokeObjectURL(blobUrl);