diff --git a/src/main/resources/static/dist/js/demo.js b/src/main/resources/static/dist/js/demo.js
index fe038be..d1b6476 100644
--- a/src/main/resources/static/dist/js/demo.js
+++ b/src/main/resources/static/dist/js/demo.js
@@ -61,6 +61,13 @@
     '<h5>Customize AdminLTE</h5><hr class="mb-2"/>'
   )
 
+  // dark mode local에 저장
+  var DARK_MODE_ITEM_NAME = "httpMockServer.darkMode";
+  let darkMode = localStorage.getItem(DARK_MODE_ITEM_NAME);
+  if (darkMode === 'true') {
+   	$('body').addClass('dark-mode');
+  }
+
   var $dark_mode_checkbox = $('<input />', {
     type: 'checkbox',
     value: 1,
@@ -69,8 +76,10 @@
   }).on('click', function () {
     if ($(this).is(':checked')) {
       $('body').addClass('dark-mode')
+      localStorage.setItem(DARK_MODE_ITEM_NAME, 'true');
     } else {
       $('body').removeClass('dark-mode')
+      localStorage.setItem(DARK_MODE_ITEM_NAME, 'false');
     }
   })
   var $dark_mode_container = $('<div />', { class: 'mb-4' }).append($dark_mode_checkbox).append('<span>Dark Mode</span>')