From 5e503e691fd3274eff8c756ca7fd2496c7e74ec8 Mon Sep 17 00:00:00 2001
From: Shin Hyuk Jun <tlsgurwns123@naver.com>
Date: Wed, 15 May 2024 23:28:19 +0900
Subject: [PATCH 1/3] =?UTF-8?q?0=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99=20=3D=20=EB=A9=94=EC=9D=B8=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/Component/Page/Page.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Component/Page/Page.js b/frontend/src/Component/Page/Page.js
index 2ef3e244..468e751d 100644
--- a/frontend/src/Component/Page/Page.js
+++ b/frontend/src/Component/Page/Page.js
@@ -135,7 +135,7 @@ function Page() {
     if (pageIndex + 1 === pageInputValue) {
       return;
     }
-    const pageTargetID = pages[pageInputValue - 1]?.id;
+    const pageTargetID = pageInputValue == 0 ? pages[pageInputValue]?.id : pages[pageInputValue - 1]?.id;
     navigateToPage(pageTargetID);
   };
 

From cd064f4a6654f52f344f8a5c62a1c511c7b15938 Mon Sep 17 00:00:00 2001
From: Shin Hyuk Jun <tlsgurwns123@naver.com>
Date: Thu, 16 May 2024 11:25:22 +0900
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=ED=99=98=EA=B2=BD=EC=97=90=EC=84=9C=20CSS=20=EB=8F=99=EC=A0=81?=
 =?UTF-8?q?=20=EB=B0=98=EC=9D=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/Component/Page/Page.js           |  2 +-
 .../Component/Page/utils/hoverButtonPlugin.js | 43 ++++++++++++++-----
 2 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/frontend/src/Component/Page/Page.js b/frontend/src/Component/Page/Page.js
index 468e751d..8ec0cc08 100644
--- a/frontend/src/Component/Page/Page.js
+++ b/frontend/src/Component/Page/Page.js
@@ -938,7 +938,7 @@ function Page() {
             ))}
           </ul>
           </NavigationBar>
-          <EditorContainer>
+          <EditorContainer id="EditorContainer">
             <div
               ref={editorRef}
               id="editor"
diff --git a/frontend/src/Component/Page/utils/hoverButtonPlugin.js b/frontend/src/Component/Page/utils/hoverButtonPlugin.js
index 5a40f7c2..04613626 100644
--- a/frontend/src/Component/Page/utils/hoverButtonPlugin.js
+++ b/frontend/src/Component/Page/utils/hoverButtonPlugin.js
@@ -21,6 +21,7 @@ export function hoverButtonPlugin() {
 
   return new Plugin({
     view(editorView) {
+      editorResizing();
       hoverDiv.classList.add("hoverDiv"); // CSS 클래스 적용
       document.body.appendChild(hoverDiv); // 바디에 직접 추가
 
@@ -134,6 +135,24 @@ export function hoverButtonPlugin() {
         increaseEditorHeightForScroll();
         updateButton(editorView, newPos, true);
       });
+
+      function editorResizing() {
+        const editor = document.querySelector("#editor");
+        const prosemirror = document.querySelector(".ProseMirror");
+        const initialEditorPaddingLeft = "8%";
+        const initialEditorPaddingRight = "5%";   
+        const initialProsemirrorMarginLeft = "40px";
+
+        if (getComputedStyle(hoverDiv).visibility !== "visible" && window.matchMedia("(max-width: 768px)").matches) {
+          editor.style.paddingLeft = "0%";
+          editor.style.paddingRight = "0%";
+          prosemirror.style.marginLeft = "0px";
+        } else {
+          editor.style.paddingLeft = initialEditorPaddingLeft;
+          editor.style.paddingRight = initialEditorPaddingRight;
+          prosemirror.style.marginLeft = initialProsemirrorMarginLeft;
+        }
+      }
       
       function updateButton(view, pos, show) {
         try {
@@ -144,6 +163,7 @@ export function hoverButtonPlugin() {
           // 버튼을 숨기는 경우는 바로 이전 노드가 없거나 작성 불가능한 노드(doc)를 클릭할 때
           if ((resolvedPos.depth === 0 && !resolvedPos.nodeBefore && !isImageNode) || (resolvedPos.depth === 0 && !show)) {
             hoverDiv.style.visibility = "hidden";
+            editorResizing();
             return;
           }
 
@@ -194,29 +214,33 @@ export function hoverButtonPlugin() {
             coords = view.coordsAtPos(startPos);
             hoverButton_lock.style.display = "block";
           }
+
+          hoverDiv.style.visibility = "visible";
+          editorResizing();
           
           // 스크롤 오프셋을 고려하여 좌표 조정
           const topWithScroll = coords.top + window.scrollY;
-      
           const editorRect = view.dom.getBoundingClientRect();
           hoverDiv.style.left = window.matchMedia("(max-width: 768px)").matches ? `${editorRect.left - hoverDiv.offsetWidth + 7}px` : `${editorRect.left - hoverDiv.offsetWidth - 5}px`
           hoverDiv.style.top = window.matchMedia("(max-width: 768px)").matches ? `${topWithScroll-2}px` : `${topWithScroll-4}px`;
-          hoverDiv.style.visibility = "visible";
-      
+
         } catch (error) {
           console.error("Failed to update button position:", error);
         }
       }
 
       function increaseEditorHeightForScroll() {
-        const paragraphNodeHeight = 48; // 추가할 높이 값
-        const editorElement = document.querySelector('.ProseMirror');
+        const paragraphNodeHeight = 8; // 추가할 높이 값
+        const editor = document.querySelector('#editor');
+        const editorContainer = document.querySelector('#EditorContainer');
       
-        if (editorElement) {
+        if (editor && editorContainer) {
           // 에디터 내부의 현재 높이를 계산합니다.
-          const currentEditorHeight = editorElement.scrollHeight;
+          const currentEditorHeight = editor.scrollHeight;
+          const currentEditorContainerHeight = editorContainer.scrollHeight;
           // 에디터의 높이를 조정합니다.
-          editorElement.style.height = `${currentEditorHeight + paragraphNodeHeight}px`;
+          editor.style.height = `${currentEditorHeight + paragraphNodeHeight}px`;
+          editorContainer.style.height = `${currentEditorContainerHeight + paragraphNodeHeight + 10}px`;
         }
       }
       
@@ -228,7 +252,7 @@ export function hoverButtonPlugin() {
         if (pos === null || pos === undefined) return;
 
         const isImageNode = editorView.state.selection.node;
-
+      
         // 이미지 노드가 아닌 경우(텍스트 노드 또는 doc 일 때)
         if (!isImageNode) {
           updateButton(editorView, pos, false);
@@ -247,7 +271,6 @@ export function hoverButtonPlugin() {
           updateButton(editorView, pos, false);
           return;
         }
-
         updateButton(editorView, pos, true);
       }
 

From 2ac962fd96b2f01d07122bfb06ff1f464f191af4 Mon Sep 17 00:00:00 2001
From: Shin Hyuk Jun <tlsgurwns123@naver.com>
Date: Thu, 16 May 2024 11:26:00 +0900
Subject: [PATCH 3/3] =?UTF-8?q?setupProxy=20=EC=84=9C=EB=B2=84=20=EC=A3=BC?=
 =?UTF-8?q?=EC=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/setupProxy.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/setupProxy.js b/frontend/src/setupProxy.js
index 5be42f70..a9992379 100644
--- a/frontend/src/setupProxy.js
+++ b/frontend/src/setupProxy.js
@@ -4,8 +4,8 @@ module.exports = function(app) {
   app.use(
     '/api',
     createProxyMiddleware({
-      target: 'http://localhost:8080',	// 서버 URL or localhost:설정한포트번호
-      //target: 'http://sharenote.shop:8080',	// 서버 URL or localhost:설정한포트번호
+      // target: 'http://localhost:8080',	// 서버 URL or localhost:설정한포트번호
+      target: 'http://sharenote.shop:8080',	// 서버 URL or localhost:설정한포트번호
       changeOrigin: true,
     })
   );