[javascript] 자바스크립트에서 바이너리 데이터를 텍스트로 변환하는 방법

그럼 바로 목차를 시작해보겠습니다.

바이너리 데이터를 텍스트로 변환하는 방법

  1. Base64 인코딩 사용하기
  2. TextEncoder API 활용

Base64 인코딩

Base64 인코딩은 이진 데이터를 텍스트로 변환하는 표준 방법 중 하나입니다. 아래는 예시 코드입니다.

// 바이너리 데이터
const binaryData = new Uint8Array([65, 66, 67, 68]);

// Base64로 인코딩
const base64String = btoa(String.fromCharCode.apply(null, binaryData));
console.log(base64String); // "QUJDRA=="

// Base64 디코딩
const decodedBinaryData = new Uint8Array(atob(base64String).split('').map(function(char) {
  return char.charCodeAt(0);
}));
console.log(decodedBinaryData); // Uint8Array [ 65, 66, 67, 68 ]

TextEncoder API

TextEncoder API는 표준화되고 강력한 방법으로 이진 데이터를 텍스트로 변환할 수 있습니다.

// 바이너리 데이터
const binaryData = new Uint8Array([65, 66, 67, 68]);

// TextEncoder를 사용하여 인코딩
const textEncoder = new TextEncoder();
const encodedData = textEncoder.encode(binaryData);
console.log(new TextDecoder().decode(encodedData)); // "ABCD"

// TextDecoder를 사용하여 디코딩
const textDecoder = new TextDecoder();
const decodedData = textDecoder.decode(encodedData);
console.log(new Uint8Array(decodedData)); // Uint8Array [ 65, 66, 67, 68 ]

이렇게 바이너리 데이터를 텍스트로 변환하는 두 가지 방법에 대해 알아보았습니다. 어떤 방법이 가장 적합한지는 사용 사례나 요구 사항에 따라 다를 수 있습니다. 여러분의 코드에 적합한 방법을 선택하는 데 도움이 되기를 바랍니다.

더 궁금한 점이 있으시다면 언제든 물어보세요!