diff --git a/hwe/a_history.php b/hwe/a_history.php
index 94473d95..5932b08d 100644
--- a/hwe/a_history.php
+++ b/hwe/a_history.php
@@ -109,17 +109,19 @@ $nations = $history['nations'];
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
     <?= WebUtil::printCSS('css/map.css') ?>
     <?= WebUtil::printCSS('css/history.css') ?>
+    <?= WebUtil::printStaticValues([
+        'staticValues' => [
+            'startYear' => $s_year,
+            'startMonth' => $s_month,
+            'lastYear' => $e_year,
+            'lastMonth' => $e_month,
+            'selectYear' => $year,
+            'selectMonth' => $month,
+            'nations' => $nations ? JSON::encode($history['nations']) : '{}'
+        ]
+    ])?>
     <?= WebUtil::printDist('ts', ['common', 'history']) ?>
 
-    <script>
-        var startYear = <?= $s_year ?>;
-        var startMonth = <?= $s_month ?>;
-        var lastYear = <?= $e_year ?>;
-        var lastMonth = <?= $e_month ?>;
-        var selectYear = <?= $year ?>;
-        var selectMonth = <?= $month ?>;
-        var nations = <?= $nations ? JSON::encode($history['nations']) : '{}' ?>;
-    </script>
 </head>
 
 <body>
diff --git a/hwe/ts/history.ts b/hwe/ts/history.ts
index 5ec050dd..52d9b527 100644
--- a/hwe/ts/history.ts
+++ b/hwe/ts/history.ts
@@ -3,25 +3,29 @@ import '@/map';
 import { joinYearMonth } from './util/joinYearMonth';
 import { parseYearMonth } from './util/parseYearMonth';
 
-declare const startYear:number;
-declare const startMonth:number;
+declare const staticValues: {
+    startYear:number;
+    startMonth:number;
+
+    lastYear: number;
+    lastMonth: number;
+
+    selectYear: number;
+    selectMonth: number;
+}
 
-declare const lastYear: number;
-declare const lastMonth: number;
 
-declare const selectYear: number;
-declare const selectMonth: number;
 
 $(function ($) {
-    let currYear = startYear;
-    let currMonth = startMonth;
-    const selectDate = joinYearMonth(selectYear, selectMonth);
+    let currYear = staticValues.startYear;
+    let currMonth = staticValues.startMonth;
+    const selectDate = joinYearMonth(staticValues.selectYear, staticValues.selectMonth);
 
     const $yearMonth = $('#yearmonth');
     let $elements = $();
 
-    const endDate = joinYearMonth(lastYear, lastMonth) + 1;//연감 마지막 + 1(현재)
-    let currDate = joinYearMonth(startYear, startMonth);
+    const endDate = joinYearMonth(staticValues.lastYear, staticValues.lastMonth) + 1;//연감 마지막 + 1(현재)
+    let currDate = joinYearMonth(staticValues.startYear, staticValues.startMonth);
     while (currDate <= endDate) {
         let sel = '';
         if (currDate == selectDate) {
