Cookieを使用したデータの格納/インポート

データの保存

クッキーを保存するときは、関数を作成して使用することをお勧めします.

 const setCookie = (key, value, expiredDays) => {
   // 자동 삭제 날짜를 지정하는 코드
    let today = new Date();
    today.setDate(today.getDate() + expiredDays);
   // 쿠키에 값을 저장
    document.cookie =
      key +
      '=' +
      JSON.stringify(value) +
      '; path=/; expires=' +
      today.toGMTString() +
      ';';
  };

データのインポート

const getCookie = (key) => {
//쿠키는 한번에 모두 불러와지기 때문에 사용할때 ';'나눠서 선택적으로 가져와야한다.
  const cookies = document.cookie.split(`; `).map((el) => el.split('='));
  let getItem = [];

  for (let i = 0; i < cookies.length; i++) {
    // 해당하는 key를 갖는 쿠키데이터를 찾기위해 반복문을 사용했는데 다른방법도 연구해봐야겠다.
    if (cookies[i][0] === key) {
      getItem.push(cookies[i][1]);
      break;
    }
  }

  if (getItem.length > 0) {
    return JSON.parse(getItem[0]);
  }
};

上にクッキーを保存するときにジェイソン形式を使用しました.encodeuriccomponent/decodeuriccomponentを使用する場合が多いです.この部分はもう一度理解します.