세션 스토리지를 리스트 유지에 많이 쓰이고는 하는데
세션스토리지에 리스트를 그리는용 데이터를 많이 던져두고는 하는데 여기서 최소한의 보안을 신경쓴 코드다
// 세션 스토리지 배열가져오기
function getArrSessionStorage(storageName) {
if (JSON.parse(sessionStorage.getItem(storageName))) {
let ArrData = JSON.parse(sessionStorage.getItem(storageName))
ArrData = CryptoJS.AES.decrypt(ArrData, storageName);
ArrData = JSON.parse(ArrData.toString(CryptoJS.enc.Utf8));
return ArrData
} else {
return false;
}
}
// 세션 스토리지 배열 저장
function setArrSessionStorage(storageName, ArrData) {
ArrData = CryptoJS.AES.encrypt(JSON.stringify(ArrData), storageName).toString();
sessionStorage.setItem(storageName, JSON.stringify(ArrData));
}
해당함수를 사용하기 위해서는 필수적으로 crypto-js가 설치 되어야한다
https://www.npmjs.com/package/crypto-js
crypto-js
JavaScript library of crypto standards.. Latest version: 4.1.1, last published: a year ago. Start using crypto-js in your project by running `npm i crypto-js`. There are 8744 other projects in the npm registry using crypto-js.
www.npmjs.com
'코딩 공부 > JS' 카테고리의 다른 글
| 스크롤 이벤트 제어 방향알기, 스크롤 멈췄을때 (0) | 2023.02.08 |
|---|---|
| [JS] - 셀렉트박스 커스텀하게 사용하기 (라이브러리 수정해서 쓰기) (0) | 2022.12.07 |
| jquery - load 함수 쓰기 (0) | 2022.12.06 |
| [JS] - 상품관리 수정 (페이지 로드시 내용 집어넣기, 추가, 삭제) (0) | 2022.10.28 |
| [JS] - 동적으로 생성해야 하는 경우 -상품관리 등록 (셀렉트 박스 내용 넣기) (0) | 2022.10.28 |