# Blob
리액트 프로젝트에서 이미지 파일 업로드하고 열람하기
AxiosJavaScript Reactmulter (백엔드에서만 사용)유저가 파일을 업로드하는 창구로서 HTML input 태그의 file 타입을 이용하겠습니다. 우리는 이미지만 받을 것이기 때문에 accept 옵션을 통해 첨부 가능한 파일을 특정 이미지 파일 확장자로
2022-05-03_TIL
Binary vs Base64 vs Blob vs FileBase64, Blob URL Image Binding 기법.Blob(블랍) 이해하기

Azure Blob storage, 어디까지 써봤니? - 2
내 데이터들의 lifecycle 관리!? 흔히 사용하는 로그들을 생각해보자. 우선 정책상 쌓아 두거나 추후에 필요가 있을것 같아, 혹은 데이터 마이닝을 선진행 하는 느낌으로 쌓는 경우가 대부분일 것이다. 그런데 이렇게 쌓아만 두고 열어보지도 않는데, 거기에 대한
Azure Blob storage, 어디까지 써봤니? - 1
Blog storage는 클라우드를 위한 Microsoft의 객체 스토리지 솔루션이다.딱 한줄로 정의해보자면 위와 같으며, 매우 큰 규모의 비정형 데이터를 저장하기 위한 저장소로 보면된다.browser에 이미지 또는 문서 직접 제공분산 액세스용 파일 저장비디오 및 오디
.png)
canvas 데이터 이미지(png)로 변환 후 axios POST 요청보내기
canvas 데이터 이미지(png)로 변환 후 axios POST 요청보내는 로직을 구현해보자!
그림판(canvas API)으로 그린 그림 서버와 소통 post, get(Feat: encoding, decoding 과정)
Canvas 이미지를 데이터로 저장저장된 Canvas 이미지를 base64에서 디코딩디코딩된 값을 바이트 배열로 변환 후 저장typed array인 8bit unsigned array로 변환new blob() 생성자를 사용해 blob 값으로 변환FormData() 생성

Blob, ArrayBuffer, Uint8Array
도대체 블롭이란 무엇인가...ㅠㅠ 프로젝트를 하다보니 데이터, 특히 멀티미디어 파일을 다룰 일이 많아진다. 이미지 파일을 올리고
javascript responseType blob일때 error response json으로 받기
Axios 요청을 할때 responseType을 blob으로 설정하면 error response조차 blob으로 반환되었다.blob으로 반환된 response를 Blob 객체의 text메소드를 사용해서 문자열로 변환한다.이 문자열을 다시 json으로 변환해서 기존처럼
File to Blob
기존 이미지 업로드가 Blob 타입을 업로드 하도록 되어있었다. 그래서 File 타입을 Blob으로 변환하는 방법을 찾아보았다.결과적으론 이렇게 짧은 코드로 변환이 가능했다.ArrayBuffer: ArrayBuffer 객체는 일반적인 고정 길이 원시 이진 데이터 버퍼를
React + TypeScript에서 Axios로 Blob 이미지를 받기
axios를 사용해 blob 이미지를 받아보쟈Blob으로 responseType을 설정해준다.File, FileReader를 통해 reponse를 가공해준다.src에 가공한 데이터를 넣어준다.헤더를 넣어야해서 axios로 한번 받아봤다.
cv2.dnn.readNet()로 이미지 처리하기
readNet() 함수는 전달된 framework 문자열, 또는 model과 config 파일 이름 확장자를 분석하여 내부에서 해당 프레임워크에 맞는 readNetFromXXX() 형태의 함수를 다시 호출해준다.모델 확장자에 따라 호출하는 함수가 다르다..caffemo

[삽질] Vue + Spring Download
기존 시스템에서 front만 vue로 변경하는 작업 중 (SPA)엑셀 다운로드 기능이 있는데 서버쪽 코드가 대략 아래와 같았다.화면에서 export를 요청하는 코드는 대략 아래와 같았는데 자꾸 405 에러가 떨어졌다.요청하는 코드가 잘못된줄 알고 한참 버벅이다가...
스토리지(File storage, Block storage, Object storage)
Data storage > * 스토리지는(Storage) 는 컴퓨터가 접근할 수 있는 데이터를 저장하기 위한 별도의 장소 또는 장치 인터넷 트래픽에서 정형데이터에 비해 사진이나 첨부동영상과 같이 규격이 이 없는 비정형 데이터의 비중이 높아지고 클라우드 기술과 빅데이터

[모던JS: 심화] 바이너리 데이터와 파일
본 포스팅은 여기에 올라온 게시글을 바탕으로 작성되었습니다.파트와 카테고리 동일한 순서로 모든 내용을 소개하는 것이 아닌, 몰랐거나 새로운 내용 위주로 다시 정리하여 개인공부 목적으로 작성합니다.중간중간 개인 판단 하에 필요하다고 생각될 시, 기존 내용에 추가로 보충되

svg string convert to blob
Blob은 Binary Large OBject로서 binary data의 콜렉션으로 생각하면된다.Blob자바스크립트에서 Blob은 immutable file-like object이고, File 인터페이스도 Blob을 기반으로 한다. 🙂🙂🙂svg string을 bl
Angular pipe 이용하여 API에서 blob 받아오기
Image File을 업로드 하고, 그 Image를 Front에서 봐야 합니다.Image Url를 제공하는 것 말고, jwt token까지 처리 후 사용할 수 있는 환경에 대해 고민했었습니다.So API에 get router를 만든 후 Front에서 api 호출 후 I
Object storage, BLOB, File storage
배경 >우리는 생활의 대부분이 온라인으로 연결되어 소셜 네트워크, 카카오톡, 인스타 그램 등에 글,사진 및 동영상 등을 올리고 스트리밍 등을 통해서 실시간으로 음악을 들으며, 드롭박스와 같은 스토리지 서비스를 이용하면서 많은 데이터 들을 저장하고 사용하고 있다. 이