태그 목록
- 전체보기(24)
- JavaScript(12)
- frontend(6)
- web(2)
- vite(2)
- state management(2)
- vue(2)
- Performance(2)
- typescript(2)
- React(2)
- test code(2)
- nextjs(1)
- 웹 접근성(1)
- mixin(1)
- qwik(1)
- pinia(1)
- hydration(1)
- universal quantifier(1)
- concurrent(1)
- unit test(1)
- react library(1)
- compiler(1)
- LLM(1)
- web gpu api(1)
- Build Tool(1)
- intrinsic object(1)
- framework(1)
- http(1)
- OpenGL(1)
- blob api(1)
- nuxt(1)
- Cache(1)
- optimization(1)
- Image Optimization(1)
- TDD(1)
- chatGPT(1)
- user experience(1)
- http3(1)
- existential quantifier(1)
- Observer Pattern(1)
- aria(1)
- React Server Component(1)
- store(1)
- webpack(1)
- quic(1)
- web gpu(1)
- 자바스크립트(1)
- protocol(1)
- reactive(1)
- AbortController(1)
- Blob(1)
- Web Accessibility(1)
- coffeescript(1)
- tsc(1)
- react-query(1)
- vuex(1)
- 성능(1)
- flux pattern(1)
- AI(1)
- Array.prototype.every(1)
- web3.0(1)
- Design Pattern(1)
- React18(1)
- v8(1)
- transition(1)
- blob url(1)
- vue3(1)
- Fetch(1)
- jest(1)
- HoC(1)
- next.js(1)
- abortsignal(1)
- iframe(1)
- realm(1)
- fast page load(1)
- FE(1)
- WebGL(1)
- composition api(1)
- rsc(1)
- Suspense(1)
- chrome(1)
- test(1)
- 자바스크립트 엔진(1)
전체보기 (24)JavaScript(12)frontend(6)web(2)vite(2)state management(2)vue(2)Performance(2)typescript(2)React(2)test code(2)nextjs(1)웹 접근성(1)mixin(1)qwik(1)pinia(1)hydration(1)universal quantifier(1)concurrent(1)unit test(1)react library(1)compiler(1)LLM(1)web gpu api(1)Build Tool(1)intrinsic object(1)framework(1)http(1)OpenGL(1)blob api(1)nuxt(1)Cache(1)optimization(1)Image Optimization(1)TDD(1)chatGPT(1)user experience(1)http3(1)existential quantifier(1)Observer Pattern(1)aria(1)React Server Component(1)store(1)webpack(1)quic(1)web gpu(1)자바스크립트(1)protocol(1)reactive(1)AbortController(1)Blob(1)Web Accessibility(1)coffeescript(1)tsc(1)react-query(1)vuex(1)성능(1)flux pattern(1)AI(1)Array.prototype.every(1)web3.0(1)Design Pattern(1)React18(1)v8(1)transition(1)blob url(1)vue3(1)Fetch(1)jest(1)HoC(1)next.js(1)abortsignal(1)iframe(1)realm(1)fast page load(1)FE(1)WebGL(1)composition api(1)rsc(1)Suspense(1)chrome(1)test(1)자바스크립트 엔진(1)
(번역) Blob API에 대한 소개와 활용 사례
원문 : https://javascript.plainenglish.io/you-dont-know-blob-api-f2c5e9754f29 > 활용 사례 : 1. 청크 업로드, 2. 인터넷에서 데이터 다운로드, 3. 이미지 압축, 4. Blob URL 생성, 5. Blob에서 Data URL로의 전환 당신은 아마 캔버스 기반의 이미지 편집기를 사용해본 적이 있을 것입니다. 그리고 이미지 편집을 마친 뒤 다운로드를 선택하면 속도가 매우 빠르다는 것을 느꼈을 것입니다. 사실, 이 다운로드 기능은 Blob API가 사용되었을 가능성이 큽니다. 위의 상황을 제외하고도 [Blob](https://developer.mozilla.org/en-US/docs/W
2022년 9월 15일
·
1개의 댓글·
18