...

src/main/resources/templates/layout/default_layout.html

@@ -19,6 +19,26 @@
   </div>
   <th:block th:replace="~{fragments/footer :: footer}"></th:block>
 </div>
+<div id="overlay" class="login_overlay">
+  <div id="popup" class="login_popup">
+    <div id="loginForm" class="login_form">
+      <h2>로그인</h2>
+      <form id="loginFormElement" onsubmit="return false;">
+        <input type="text" th:data="${enc}" id="loginId" placeholder="아이디" required>
+        <input type="password" th:data="${type}" id="loginPassword" placeholder="비밀번호" required>
+        <button type="submit" class="button">로그인</button>
+      </form>
+    </div>
+    <div id="signupForm" class="login_form">
+      <h2>회원가입</h2>
+      <input type="text" placeholder="아이디" required>
+      <input type="password" placeholder="비밀번호" required>
+      <input type="email" placeholder="이메일" required>
+      <button onclick="submitForm('signup')">가입하기</button>
+    </div>
+    <span class="login_close" onclick="closePopup()">&times;</span>
+  </div>
+</div>
 <!-- Scripts -->
 <script th:src="@{/assets/js/jquery.min.js}"></script>
 <script th:src="@{/assets/js/jquery.dropotron.min.js}"></script>