본문 바로가기
반응형

FE/javascript2

[JS] TextEncoding (Binary <-> UTF-8) 이진 데이터는 결국 ASCII, Unicode, Base64 등으로 인코딩 되어 사용됩니다. 다른 포스팅에서는 btoa(), atob() API 를 소개드렸었는데요. 이 두 가지는 binaryData Base64 로 인코딩, 디코딩하는 함수였습니다. 이번에 소개해드릴 API 는 binaryData utf-8 로 인코딩 하는 함수입니다. TextDecoder decode 는 이진 데이터를 텍스트로 디코딩 합니다. const decoder = new TextDecoder(); const arr = new Uint8Array([104, 101, 108, 108, 111, 64]); console.log(decoder.decode(arr)); // hello@ TextEncoder encode 는 텍스트를 이진.. 2023. 10. 4.
[JS] javascript 에서 Byte 다루기 (feat.ArrayBuffer) 💡 ArrayBuffer 는 ECMA 표준 스펙입니다. 웹 개발을 하면서, 바이너리 데이터를 직접 다루는 경우는 대표적으로 파일, 이미지 처리가 있습니다. 하지만 그마저도 깊게 다룰 필요없이, 간단한 API 만사용해서 생성, 업로드, 다운로드 처리가 가능합니다. 이번글은 그 API 를 깊게 살펴보고, 데이터의 가장 말단인 바이너리 데이터를 어떻게 브라우저에서, javascript 에서 다루고 있는지 알아보겠습니다. Buffer 우선 가장 많이 언급될 "버퍼"라는 것의 용어를 정리하고 가면 좋을 것 같아요. 버퍼는 사전적 의미로 "데이터를 일시적으로 저장하는 메모리 영역" 입니다. 말 그대로 메모리 영역일 뿐입니다. 이를 잘 활용하는 것이 앞으로 설명할 내용들이니, 이정도로 이해하고 넘어가셔도 좋습니다. .. 2023. 10. 4.
반응형