1

Author: code1009

web/data-information/page.html

@@ -69,6 +69,96 @@ <h1>제목</h1>
 
 	<script>
 
+		/////////////////////////////////////////////////////////////////////////////
+		//===========================================================================
+		function initializePageResizer() {
+			const resizer = document.getElementById("page-resizer");
+			const left = document.getElementById("page-information");
+			if (!resizer) {
+				return;
+			}
+			if (!left) {
+				return;
+			}
+
+
+			let isResizing = false;
+
+
+			resizer.addEventListener('mousedown',
+				function (e) {
+					isResizing = true;
+					document.body.style.cursor = 'ew-resize';
+
+					document.body.style.userSelect = 'none'; // 텍스트 선택 방지
+				}
+			);
+
+			document.addEventListener('mousemove',
+				function (e) {
+					const leftMinSize = 300;
+
+					if (!isResizing) return;
+					const newWidth = e.clientX - left.getBoundingClientRect().left;
+					if (newWidth > leftMinSize && newWidth < window.innerWidth * 0.8) {
+						left.style.width = newWidth + 'px';
+					}
+				}
+			);
+
+			document.addEventListener('mouseup',
+				function () {
+					if (isResizing) {
+						document.body.style.cursor = '';
+
+						document.body.style.userSelect = ''; // 텍스트 선택 방지 원래대로 복원
+					}
+
+					isResizing = false;
+				}
+			);
+		}
+
+		function setPageResizerHeight() {
+			const resizer = document.getElementById("page-resizer");
+			if (!resizer) {
+				return;
+			}
+
+			const documentHeight = Math.max(
+				document.body.scrollHeight,
+				document.documentElement.scrollHeight,
+				document.body.offsetHeight,
+				document.documentElement.offsetHeight,
+				document.body.clientHeight,
+				document.documentElement.clientHeight
+			);
+
+			resizer.style.minHeight = documentHeight + 'px';
+		}
+
+		/////////////////////////////////////////////////////////////////////////////
+		//===========================================================================
+		function setPageInformationHeight() {
+			const information = document.getElementById("page-information");
+			if (!information) {
+				return;
+			}
+
+			const documentHeight = Math.max(
+				document.body.scrollHeight,
+				document.documentElement.scrollHeight,
+				document.body.offsetHeight,
+				document.documentElement.offsetHeight,
+				document.body.clientHeight,
+				document.documentElement.clientHeight
+			);
+
+			information.style.minHeight = documentHeight + 'px';
+		}
+
+		/////////////////////////////////////////////////////////////////////////////
+		//===========================================================================
 		var _Menu = new Menu();
 
 		function registerMenuDataItem() {
@@ -90,6 +180,8 @@ <h1>제목</h1>
 			_Menu.render("mainMenu");
 		}
 
+		/////////////////////////////////////////////////////////////////////////////
+		//===========================================================================
 		initializePageResizer();
 
 		window.addEventListener('resize',