투케이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
=========================================

 

반응형
Comments