[fix] 모달 닫힌 뒤 스크롤이 안 내려가는 버그 수정

src/common/modal/modal.jsx

@@ -1,5 +1,6 @@
 import { createContext, useCallback, useEffect, useState, useRef } from "react";
 import useModalStore, { closeModal } from "./store.js";
+import { delay } from "@common/utils.js";
 
 export const ModalCloseContext = createContext(() => {
   console.log("모달이 닫힙니다.");
@@ -9,10 +10,12 @@ function Modal({ layer }) {
   const timeoutRef = useRef(null);
   const child = useModalStore(layer);
   const [opacity, setOpacity] = useState(0);
-  const close = useCallback(() => {
+  const close = useCallback(async () => {
     setOpacity(0);
-    if (timeoutRef.current === null)
-      timeoutRef.current = setTimeout(() => closeModal(layer), 150);
+    if (timeoutRef.current === null) {
+      await delay(150);
+      closeModal(layer);
+    }
   }, [layer]);
 
   useEffect(() => {

src/common/utils.js

@@ -26,3 +26,7 @@ export function convertSecondsToString(time) {
 
   return `${days > 0 ? days + " : " : ""}${[hours, minutes, seconds].map(padNumber).join(" : ")}`;
 }
+
+export function delay(ms) {
+  return new Promise( resolve=>setTimeout(resolve, ms) );
+}

src/mainPage/features/comment/modals/CommentNoUserModal.jsx

@@ -7,8 +7,8 @@ import { INTERACTION_SECTION } from "@main/scroll/constants.js";
 function CommentNoUserModal() {
   const close = useContext(ModalCloseContext);
 
-  function toMoveInteraction() {
-    close();
+  async function toMoveInteraction() {
+    await close();
     scrollTo(INTERACTION_SECTION);
   }
 

src/mainPage/features/fcfs/modals/FcfsLoseModal.jsx

@@ -8,8 +8,8 @@ function FcfsLoseModal() {
   const close = useContext(ModalCloseContext);
   const shouldInteraction = false; // 향후 통합 예정
 
-  function toMoveInteraction() {
-    close();
+  async function toMoveInteraction() {
+    await close();
     scrollTo(INTERACTION_SECTION);
   }
 

src/mainPage/features/interactions/modal/InteractionAnswer.jsx

@@ -39,8 +39,8 @@ export default function InteractionAnswer({
     setIsJoined(false);
   }, []);
 
-  function onClickWrite() {
-    close();
+  async function onClickWrite() {
+    await close();
     scrollTo(COMMENT_SECTION);
   }