Base64는 데이터를 이진 형식으로 인코딩하는 데 사용되는 표준 인코딩 방식입니다. 이 기술 덕분에 텍스트 데이터를 안전하게 전송하고 저장할 수 있습니다. 자바스크립트에서 Base64를 디코딩하여 원본 바이너리 데이터를 얻는 방법을 살펴보겠습니다.

Base64 디코딩 방법

1. node.js에서의 Buffer 사용
2. 브라우저에서의 atob 함수 사용

Base64 디코딩 방법

node.js에서의 Buffer 사용

Buffer.from 메서드를 사용하여 Base64 문자열을 바이너리 데이터로 디코딩할 수 있습니다.

const base64String = 'TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIG';
const binaryData = Buffer.from(base64String, 'base64');
console.log(binaryData);

브라우저에서의 atob 함수 사용

브라우저 환경에서는 atob 함수를 사용하여 Base64 문자열을 디코딩할 수 있습니다.

const base64String = 'TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIG';
const binaryData = atob(base64String);
console.log(binaryData);

위의 예제 코드를 통해 자바스크립트에서 Base64를 바이너리 데이터로 디코딩하는 방법에 대해 살펴보았습니다. 이러한 기술은 이미지나 기타 바이너리 데이터를 처리해야 하는 웹 애플리케이션에서 유용하게 활용될 수 있습니다.

참고 자료:

• MDN web docs - Base64
• Node.js - Buffer
• MDN web docs - atob