JavaScript에서는 btoa()로 인코딩하고 atob()로 디코딩해. 단, 한글 같은 유니코드 문자는 바로 안 되고 먼저 UTF-8로 처리해야 해. Base64 인코더로 결과를 확인해봐.
코드 예제
btoa(unescape(encodeURIComponent(한글))) 이런 식으로 처리해. 온라인 인코더 활용해.
Base64 인코딩의 원리와 활용
Base64는 바이너리 데이터를 64개의 인쇄 가능한 문자(A-Z, a-z, 0-9, +, /)로 변환하는 인코딩 방식이야. 6비트씩 끊어서 하나의 문자로 매핑하기 때문에, 3바이트(24비트)가 4문자로 변환되고 결과적으로 크기가 약 33% 증가해. Base64 인코더로 다양한 데이터를 변환해보면 원리를 쉽게 이해할 수 있어.
주요 활용 사례
Base64는 이메일 첨부파일 인코딩(MIME), JSON API에서 바이너리 데이터 전송, Data URI로 이미지 임베딩, JWT 토큰 구조, HTTP Basic 인증 헤더 등 다양한 곳에서 사용돼. 특히 웹 개발에서는 이미지를 Base64로 변환해서 HTML/CSS에 직접 넣거나, API로 파일을 전송할 때 자주 쓰여. 온라인 Base64 인코더를 즐겨찾기 해두면 개발 작업이 편해져.
주의사항
Base64는 암호화가 아니야. 누구나 쉽게 디코딩할 수 있어서 보안 목적으로는 절대 사용하면 안 돼. 비밀번호나 민감한 정보를 Base64로 저장하거나 전송하는 건 위험해. 또한 크기가 33% 증가하기 때문에 대용량 파일에는 적합하지 않아. Base64 인코더는 적절한 용도로만 사용하자.
마무리
Base64는 웹 개발에서 빠질 수 없는 인코딩 방식이야. 원리를 이해하고 적절한 상황에 활용하면 다양한 문제를 해결할 수 있어. Base64 인코더를 즐겨찾기 해두고 필요할 때 바로 사용하자. 개발 효율이 확실히 올라갈 거야.