Notice
Recent Posts
Recent Comments
Link
투케이2K
311. (javaScript) [CryptoJS 라이브러리] - CryptoJS.enc.Base64 사용해 base64 인코딩 및 디코딩 수행 본문
JavaScript
311. (javaScript) [CryptoJS 라이브러리] - CryptoJS.enc.Base64 사용해 base64 인코딩 및 디코딩 수행
투케이2K 2023. 7. 24. 19:46[개발 환경 설정]
개발 툴 : Edit++
개발 언어 : JavaScript
[소스 코드]
<!-- ===================================================================================================== -->
<!-- [CDN 주소 설정] -->
<!-- ===================================================================================================== -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<!-- ===================================================================================================== -->
<!-- [자바스크립트 코드 지정] -->
<script>
// --------------------------------------------------------------------------------------------------------------
/*
-----------------------------------------
[요약 설명]
-----------------------------------------
1. CryptoJS : 웹 브라우저에서 데이터 암호화 및 복호화를 지원해주는 라이브러리입니다 (ex : aes, sha ...)
https://cryptojs.gitbook.io/docs/
-----------------------------------------
2. window.onload : 브라우저 로드 완료 상태를 나타냅니다
-----------------------------------------
3. CryptoJS.enc.Base64 : CryptoJS 라이브러리를 사용해 base64 인코딩 및 디코딩을 수행할 수 있습니다
-----------------------------------------
*/
// --------------------------------------------------------------------------------------------------------------
// [html 최초 로드 및 이벤트 상시 대기 실시]
window.onload = async function() {
console.log("");
console.log("=========================================");
console.log("[window onload] : [start]");
console.log("=========================================");
console.log("");
// [base64 암복호화를 위한 원본 문자열 생성]
var origin = "hello";
// [base64 인코딩 수행]
var encode = CryptoJS.enc.Base64.stringify( CryptoJS.enc.Utf8.parse(origin) );
// [base64 디코딩 수행]
var decode = CryptoJS.enc.Base64.parse(encode).toString(CryptoJS.enc.Utf8);
console.log("");
console.log("=========================================");
console.log("[window onload] : [RESULT]");
console.log("-----------------------------------------");
console.log("ENCODE : " + encode);
console.log("-----------------------------------------");
console.log("DECODE : " + decode);
console.log("=========================================");
console.log("");
};
// --------------------------------------------------------------------------------------------------------------
</script>
[결과 출력]
=========================================
[window onload] : [RESULT]
-----------------------------------------
ENCODE : aGVsbG8=
-----------------------------------------
DECODE : hello
=========================================
반응형
'JavaScript' 카테고리의 다른 글
Comments