안녕하세요. 최근에 제가 이 비슷한 기능을 만든 경험이 있어 답변을 드려봅니다. 이전 페이지로 이동 및 새로고침 부분 외에 다른 메뉴 호출 방지가 목표라고 하셨는데 제가 생각하는 방안으로는

안녕하세요. 최근에 제가 이 비슷한 기능을 만든 경험이 있어 답변을 드려봅니다. 이전 페이지로 이동 및 새로고침 부분 외에 다른 메뉴 호출 방지가 목표라고 하셨는데 제가 생각하는 방안으로는 1. disabled 처리하기 1) 글 작성 페이지로 이동할 때, 글 작성 중임을 알 수 있는 쿼리스트링의 값이 필요합니다. ex) /write?is=ok 2) 해당 값을 setState 처리합니다. ex) const [searchParams, setSearchParams] = useSearchParams(); const [writeState, setWriteState] = useState(); setWrtieState(searchParams.get('is')); 3) 다른 메뉴를 호출하는 컴포넌트 className에 삼항연산자 처리하기 - css에 두 가지 class명을 만든다. 하나는 disabled 처리가 된 class명이어야 한다. ex) className={`menu ${writeState === "ok" ? "disabled" : ""}`} 이렇게 하면 애초에 다른 메뉴가 호출되는 버튼이 disabled 상태가 되어 문제가 없지 않을까 싶습니다. 또는 1-2 disabled로 처리하지만 쿼리스트링 대신 sessionStorage를 사용하기 방법도 있을 거 같습니다. 글 작성 페이지에 접속하는 버튼을 클릭했을 때, sessionstorage를 set 해주고 글 작성 페이지에 들어갈 때, get해줍니다. 나머지 방법은 동일하게 하고요!! 여러 가지 방법을 생각해보지만 제 생각에는 disabled로 처리하는 것이 좋다는 생각이 듭니다.