Merge pull request #108 from boostcampwm-2024/refactor-fe-#107

전체 화면 상태에서 뒤로 가기 시 화면 축소 기능 구현

Author: pkh0106

apps/frontend/src/widgets/EditorView/model/useEditorView.ts

@@ -8,11 +8,28 @@ import { useEdtorConnection } from "@/features/editor/model/useEditorConnection"
 
 export const useEditorView = () => {
   const { currentPage } = usePageStore();
-  const { isPanelOpen, isMaximized, setIsPanelOpen } = useEditorStore();
+  const { isPanelOpen, isMaximized, setIsPanelOpen, toggleMaximized } =
+    useEditorStore();
   useEdtorConnection(currentPage);
   const { editor } = useConnectionStore();
   const { users } = useUserStore();
 
+  useEffect(() => {
+    if (isMaximized) {
+      history.pushState(null, "");
+    }
+
+    const handlePopState = () => {
+      toggleMaximized();
+    };
+
+    window.addEventListener("popstate", handlePopState);
+
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, [isMaximized]);
+
   useEffect(() => {
     setIsPanelOpen(!!currentPage);
   }, [currentPage]);