...

2024-10-21 17:25:49 +09:00
parent 2caf83af1e
commit c4001848fc
19 changed files with 214 additions and 143 deletions
@@ -4,7 +4,7 @@
        xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
        layout:decorate="~{layout/default_layout}"
 >
-<head>
+<th:block layout:fragment="head">
    <script type="text/javascript"   src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script type="text/javascript" th:src="@{/js/toast-ui-view.js}"></script>
    <link th:href="@{/css/toast-ui.css}" rel="stylesheet" />
@@ -49,8 +49,8 @@
            console.log(editor.getHTML())
        }
    </script>
-</head>
-<div layout:fragment="content" id="content">
+</th:block>
+<th:block layout:fragment="content" id="content">
    <input id="title_layer" />
    <div id="editor" ></div>
    <div id="hashtag_layer">
@@ -60,5 +60,5 @@
    <div id="controll_layer" >
        <button onclick="save()">asdsad</button>
    </div>
-</div>
+</th:block>
 </html>
@@ -4,8 +4,8 @@
        xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
        layout:decorate="~{layout/default_layout}"
 >
-<head>
-    <script type="text/javascript"   src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
+<th:block  layout:fragment="head" id="head">
+    <script type="text/javascript"   th:src="@{https://code.jquery.com/jquery-3.5.1.min.js}" crossorigin="anonymous"></script>
    <script type="text/javascript" th:src="@{/js/toast-ui.js}"></script>
    <link th:href="@{/css/blog.css}" rel="stylesheet" />
    <link th:href="@{/css/toast-ui.css}" rel="stylesheet" />
@@ -22,7 +22,7 @@
            console.log(style.getPropertyValue('--FooterHeight'))
            console.log(style.getPropertyValue('--TopHeight'))
            var editorHeght = (
-                document.querySelector('#content').getBoundingClientRect().height -
+                document.querySelector('#main_layer').getBoundingClientRect().height -
                (
                    Number(style.getPropertyValue('--ButtonHegit').replace("px","") * 3)
                    + Number(style.getPropertyValue('--TopHeight').replace("px",""))
@@ -32,7 +32,7 @@
            editor = new toastui.Editor({
                el: document.querySelector('#editor'),
                previewStyle: 'tab',
-                height: editorHeght+ 'px',
+                height: editorHeght + 'px',
                width:'95%',
                theme:'dark',
                usageStatistics : false,
@@ -91,18 +91,18 @@
            console.log(editor.getHTML())
        }
    </script>
-</head>
-<div layout:fragment="content" id="content">
-    <div class="layer">
-        <input id="title_layer" />
+</th:block>
+<th:block layout:fragment="content" id="content">
+    <div id="main_layer">
+        <div class="layer">
+            <input id="title_layer" />
+        </div>
+        <div id="editor" ></div>
+        <div class="layer">
+            <select > </select>
+            <input id="hashtag"  />
+            <button id="save" onclick="save()">asdsad</button>
+        </div>
    </div>
-    <div id="editor" ></div>
-    <div class="layer">
-        <select > </select>
-        <input id="hashtag"  />
-    </div>
-    <div id="layer" >
-        <button id="save" onclick="save()">asdsad</button>
-    </div>
-</div>
+</th:block>
 </html>
@@ -4,7 +4,7 @@
        xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
        layout:decorate="~{layout/default_layout}"
 >
-<head>
+<th:block  layout:fragment="head" id="head">
    <!--css,JS 추가영역-->
    <script th:inline="javascript">
        function jopinClick() {
@@ -12,9 +12,9 @@
        }
    </script>
    <script type="text/javascript" th:src="@{/js/user.js}"></script>
-</head>
-<div layout:fragment="content" id="content">
-    <table>
+</th:block >
+<th:block layout:fragment="content">
+    <table id="main_layer">
        <tr>
            <td><h2>회원가입</h2></td>
        </tr>
@@ -30,5 +30,5 @@
        <tr><td><input id="user_email" type="text" class="email"></td></tr>
        <tr><td><input type="submit" value="가입하기" class="btn" onclick="jopinClick()"></td></tr>
    </table>
-</div>
+</th:block>
 </html>
@@ -4,28 +4,25 @@
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/default_layout}">

-<th:block layout:fragment="head">
+<head>
    <title>Spring Boot</title>
    <script th:inline="javascript">
        function loginClick() {
            onclickLogin([[${enc}]],[[${key}]])
        }
    </script>
-    <!--/* css */-->
-    <link th:href="@{/css/common.css}" rel="stylesheet" />
-    <script type="text/javascript" th:src="@{/js/common.js}"></script>
    <script type="text/javascript" th:src="@{/js/user.js}"></script>
-</th:block>
+</head>>
 <body onload="checkDebug()">
 <th:block layout:fragment="header" th:include="@{fragments/header}"></th:block>

-<div layout:fragment="content" class="content">
+<div layout:fragment="content" id="content">
    <table>
        <tr><td>아이디</td></tr>
        <tr><td><input id="user_id" type="text" class="text"></td></tr>
        <tr><td>비밀번호</td></tr>
        <tr><td><input id="user_pw" type="password" class="text"></td></tr>
-        <tr><td><input type="submit" value="가입하기" class="btn" onclick="loginClick()"></td></tr>
+        <tr><td><input type="submit" value="로그인" class="btn" onclick="loginClick()"></td></tr>
    </table>
 </div>