[React] crypto-js 암호화 복호화 방법

crypto-js 사용 방법

 

crypto-jo 설치

npm install crypto-js
# npm 혹은 yarn을 사용하여 설치
yarn add crypto-js

 

암호화 복호화하기

암호화 키는 .env로 빼거나 다른 파일에 두고 사용하는 것을 권장

값이 없는 경우 빈 문자열 처리나 에러 로깅을 위한 try~ catch 문은 선택적으로 사용하기

import CryptoJS from 'crypto-js';
import {AES_SALT} from "./constants";

/* Salt 비밀 키 */
const salt = '암호화 키';

/* 암호화 */
export const encrypt = (text) => {
    // 값이 없을 경우 빈 문자열 반환
    if (!text) return '';
    return CryptoJS.AES.encrypt(text, salt).toString();
}

/* 복호화 */
export const decrypt = (text) => {
    // 값이 없을 경우 빈 문자열 반환
    if (!text) return '';

    try {
        const bytes  = CryptoJS.AES.decrypt(text, salt); // 복호화 시도
        return bytes.toString(CryptoJS.enc.Utf8);
    } catch (error) {
        console.error('Decryption error:', error); // 에러 로깅
        return ''; // 에러 발생 시 빈 문자열 반환
    }
}