[Assignment 2回顧録]氏カメル-商品照会履歴とフィルタリング

钳机能实装コード

🔗 Github

🔗 链接的配置

🔗 机能固有的视频链接

🔗 ピグマリンク

👊 React Classコンポーネントとして開発

直接実施：

ブランドリストフィルタと興味のないリストフィルタ

課題完了後の回顧内容

🔰 チームプロジェクト、初期設計と機能分担が重要

🔰 LocalStorageでは階層管理も可能です

export default class Storage {
  constructor(title) {
    this.title = title;
  }

  save = (list = []) => {
    const obj = {
      data: list,
      timestamp: new Date().getDay(),
    };

    if (!localStorage.getItem(this.title)) {
      localStorage.setItem(this.title, JSON.stringify(obj));
    } else {
      let previousTime = JSON.parse(localStorage.getItem(this.title))?.timestamp;
      let currentTime = new Date().getDay();

      if (previousTime !== currentTime) {
        return localStorage.clear();
      } else {
        return localStorage.setItem(this.title, JSON.stringify(obj));
      }
    }
  };

  load = () => {
    return JSON.parse(localStorage.getItem(this.title))?.data;
  };
}

🔰 URLデザイン

🔰 Git Branchの管理

🔰 コードのメンテナンスと簡潔性を常に考慮して再構築します!

👀 残念と解決策