diff --git a/src/main/resources/templates/admin/categoryEdit.html b/src/main/resources/templates/admin/categoryEdit.html
index 01a921a..d89272b 100644
--- a/src/main/resources/templates/admin/categoryEdit.html
+++ b/src/main/resources/templates/admin/categoryEdit.html
@@ -18,9 +18,9 @@
 
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/login.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/login.css}"/>
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
 
@@ -78,8 +78,8 @@
     <div style="margin-bottom:  100px"></div>
 
 
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/getCsrf.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
+    <script th:src="@{/js/getCsrf.js}"></script>
     <script th:inline="javascript">
 
         // 재사용할 dto
diff --git a/src/main/resources/templates/article/articleEditForm.html b/src/main/resources/templates/article/articleEditForm.html
index 005f8ca..f6cea0f 100644
--- a/src/main/resources/templates/article/articleEditForm.html
+++ b/src/main/resources/templates/article/articleEditForm.html
@@ -17,12 +17,12 @@
     <meta name="theme-color" content="#ffffff">
 
     <!-- CSS RESET -->
-    <link rel="stylesheet" href="/node_modules/@toast-ui/editor/dist/toastui-editor.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/@toast-ui/editor/dist/toastui-editor.css}"/>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/node_modules/@yaireo/tagify/dist/tagify.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/articleWrite.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/node_modules/@yaireo/tagify/dist/tagify.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/articleWrite.css}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -121,12 +121,12 @@
     </div>
 
     <!--scripts-->
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/node_modules/@yaireo/tagify/dist/tagify.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
+    <script th:src="@{/node_modules/@yaireo/tagify/dist/tagify.min.js}"></script>
     <script th:replace="layout/fragments.html :: tag"></script>
     <script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
-    <script src="/js/getCsrf.js"></script>
-    <script src="/js/thumbnail.js"></script>
+    <script th:src="@{/js/getCsrf.js}"></script>
+    <script th:src="@{/js/thumbnail.js}"></script>
     <script th:replace="layout/fragments.html :: articleEdit"></script>
 
 </section>
diff --git a/src/main/resources/templates/article/articleList.html b/src/main/resources/templates/article/articleList.html
index a989526..1f2c349 100644
--- a/src/main/resources/templates/article/articleList.html
+++ b/src/main/resources/templates/article/articleList.html
@@ -36,8 +36,8 @@
     <meta name="theme-color" content="#ffffff">
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -134,7 +134,7 @@
     </div>
     <!--page e-->
 
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
 
 </section>
 
diff --git a/src/main/resources/templates/article/articleListByKeyword.html b/src/main/resources/templates/article/articleListByKeyword.html
index 6135983..30508bd 100644
--- a/src/main/resources/templates/article/articleListByKeyword.html
+++ b/src/main/resources/templates/article/articleListByKeyword.html
@@ -36,8 +36,8 @@
     <meta name="theme-color" content="#ffffff">
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -133,7 +133,7 @@
     </div>
     <!--page e-->
 
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
 
 </section>
 
diff --git a/src/main/resources/templates/article/articleListByTag.html b/src/main/resources/templates/article/articleListByTag.html
index ebbf5a0..cb2ff4a 100644
--- a/src/main/resources/templates/article/articleListByTag.html
+++ b/src/main/resources/templates/article/articleListByTag.html
@@ -36,8 +36,8 @@
     <meta name="theme-color" content="#ffffff">
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -135,7 +135,7 @@
     </div>
     <!--page e-->
 
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
 
 
 </section>
diff --git a/src/main/resources/templates/article/articleView.html b/src/main/resources/templates/article/articleView.html
index ac53da8..953b9ae 100644
--- a/src/main/resources/templates/article/articleView.html
+++ b/src/main/resources/templates/article/articleView.html
@@ -36,10 +36,10 @@
     <meta name="theme-color" content="#ffffff">
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/node_modules/@yaireo/tagify/dist/tagify.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/articleView.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/node_modules/@yaireo/tagify/dist/tagify.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/articleView.css}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -204,9 +204,9 @@
 
 
         <!-- comment e -->
-        <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-        <script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
-        <script src="/js/getCsrf.js"></script>
+        <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
+        <script th:src="@{https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js}"></script>
+        <script th:src="@{/js/getCsrf.js}"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.min.js"></script>
         <script th:replace="layout/fragments.html :: comment"></script>
         <script th:replace="layout/fragments.html :: view"></script>
diff --git a/src/main/resources/templates/article/articleWriteForm.html b/src/main/resources/templates/article/articleWriteForm.html
index adf4a6a..780adf1 100644
--- a/src/main/resources/templates/article/articleWriteForm.html
+++ b/src/main/resources/templates/article/articleWriteForm.html
@@ -18,12 +18,12 @@
     <meta name="theme-color" content="#ffffff">
 
     <!-- CSS RESET -->
-    <link rel="stylesheet" href="/node_modules/@toast-ui/editor/dist/toastui-editor.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/@toast-ui/editor/dist/toastui-editor.css}"/>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/node_modules/@yaireo/tagify/dist/tagify.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/articleWrite.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/node_modules/@yaireo/tagify/dist/tagify.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/articleWrite.css}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -113,12 +113,12 @@
     <!--scripts-->
 
     </script>
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/node_modules/@yaireo/tagify/dist/tagify.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
+    <script th:src="@{/node_modules/@yaireo/tagify/dist/tagify.min.js}"></script>
     <script th:replace="layout/fragments.html :: tag"></script>
     <script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
-    <script src="/js/getCsrf.js"></script>
-    <script src="/js/thumbnail.js"></script>
+    <script th:src="@{/js/getCsrf.js}"></script>
+    <script th:src="@{/js/thumbnail.js}"></script>
     <script th:replace="layout/fragments.html :: articleWrite"></script>
 
 </section>
diff --git a/src/main/resources/templates/error.html b/src/main/resources/templates/error.html
index c5204ba..c270bd0 100644
--- a/src/main/resources/templates/error.html
+++ b/src/main/resources/templates/error.html
@@ -20,9 +20,9 @@
     <meta name="theme-color" content="#ffffff">
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/error.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/error.css}"/>
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
 
@@ -51,7 +51,7 @@
     </div>
 
 
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
 </section>
 
 </body>
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index afb164f..aeedb53 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -37,10 +37,10 @@
 <!---->
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/login.css"/>
-    <link rel="stylesheet" href="/node_modules/wow.js/css/libs/animate.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/login.css}"/>
+    <link rel="stylesheet" th:href="@{/node_modules/wow.js/css/libs/animate.css}"/>
 
 </head>
 
@@ -109,10 +109,10 @@
         <!--  js  -->
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.min.js"></script>
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/node_modules/wow.js/dist/wow.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
+    <script th:src="@{/node_modules/wow.js/dist/wow.js}"></script>
     <script>new WOW().init()</script>
-    <script src="/js/infinityScroll.js?ver=1.1"></script>
+    <script th:src="@{/js/infinityScroll.js?ver=1.1}"></script>
 </section>
 
 </body>
diff --git a/src/main/resources/templates/layout/layout.html b/src/main/resources/templates/layout/layout.html
index 5b3a87e..91130ae 100644
--- a/src/main/resources/templates/layout/layout.html
+++ b/src/main/resources/templates/layout/layout.html
@@ -67,8 +67,8 @@
         </button>
 
         <section th:replace="${content}"></section>
-        <script src="/js/arrow.js"></script>
-        <script src="/js/search.js"></script>
+        <script th:src="@{/js/arrow.js}"></script>
+        <script th:src="@{/js/search.js}"></script>
         <!-- scripts e -->
     <!-- sections e -->
 
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
index 3fbb005..ea61c44 100644
--- a/src/main/resources/templates/login.html
+++ b/src/main/resources/templates/login.html
@@ -20,9 +20,9 @@
     <meta name="theme-color" content="#ffffff">
     <!-- CSS RESET -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/>
-    <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css"/>
-    <link rel="stylesheet" href="/css/mainCss.css?ver=1.1"/>
-    <link rel="stylesheet" href="/css/login.css"/>
+    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.min.css}"/>
+    <link rel="stylesheet" th:href="@{/css/mainCss.css?ver=1.1}"/>
+    <link rel="stylesheet" th:href="@{/css/login.css}"/>
 
     <script src="https://kit.fontawesome.com/233840a552.js" crossorigin="anonymous"></script>
 </head>
@@ -56,7 +56,7 @@
         </div>
     </div>
 
-    <script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js}"></script>
 
 </section>