feat: localStorage 기능 추가

Author: go-lani

src/js/model/changeCharger.js

@@ -1,5 +1,10 @@
 import ChangeChargerView from "../view/changeCharger.js";
-import { calculateCoinCount, isInitialState } from "../utils/utils.js";
+import {
+  calculateCoinCount,
+  getLocalStorage,
+  isInitialState,
+  setLocalStorage,
+} from "../utils/utils.js";
 
 const CHANGE_CHARGER_INITIAL_STATE = {
   totalAmount: 0,
@@ -15,7 +20,9 @@ class ChangeChargerModel {
   #state;
 
   constructor() {
-    this.#state = { ...CHANGE_CHARGER_INITIAL_STATE };
+    const initialState =
+      getLocalStorage("charger") || CHANGE_CHARGER_INITIAL_STATE;
+    this.#state = { ...initialState };
     this.#view = new ChangeChargerView();
   }
 
@@ -31,6 +38,9 @@ class ChangeChargerModel {
     Object.keys(this.#state.coinCounts).forEach((key) => {
       this.#state.coinCounts[key] += coinCounts[key];
     });
+
+    setLocalStorage("charger", this.#state);
+
     this.#view.update(this.#state);
   }
 

src/js/model/productManager.js

@@ -1,5 +1,9 @@
 import ProductManagerView from "../view/productManager.js";
-import { isInitialState } from "../utils/utils.js";
+import {
+  getLocalStorage,
+  isInitialState,
+  setLocalStorage,
+} from "../utils/utils.js";
 
 const PRODUCT_MANAGER_INITIAL_STATE = {
   products: [],
@@ -9,7 +13,9 @@ class ProductManagerModel {
   #view;
 
   constructor() {
-    this.#state = { ...PRODUCT_MANAGER_INITIAL_STATE };
+    const initialState =
+      getLocalStorage("manager") || PRODUCT_MANAGER_INITIAL_STATE;
+    this.#state = { ...initialState };
     this.#view = new ProductManagerView();
   }
 
@@ -23,6 +29,8 @@ class ProductManagerModel {
     );
 
     this.#state[state] = [...removedState, newState];
+    setLocalStorage("manager", this.#state);
+
     this.#view.update(this.#state[state]);
   }
 

src/js/utils/utils.js

@@ -56,3 +56,9 @@ export const calculateCoinCount = (coin) => {
 
   return result;
 };
+
+export const setLocalStorage = (key, data) => {
+  localStorage.setItem(key, JSON.stringify(data));
+};
+
+export const getLocalStorage = (key) => JSON.parse(localStorage.getItem(key));