안녕하세요. 최근에 제가 이 비슷한 기능을 만든 경험이 있어 답변을 드려봅니다. 이전 페이지로 이동 및 새로고침 부분 외에 다른 메뉴 호출 방지가 목표라고 하셨는데 제가 생각하는 방안으로는 1. disabled 처리하기 1) 글 작성 페이지로 이동할 때, 글 작성 중임을 알 수 있는 쿼리스트링의 값이 필요합니다. ex) /write?is=ok 2) 해당 값을 setState 처리합니다. ex) const [searchParams, setSearchParams] = useSearchParams(); const [writeState, setWriteState] = useState<any>(); 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로 처리하는 것이 좋다는 생각이 듭니다.

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 5월 3일 오후 1:07

댓글 0

    함께 읽은 게시물

    올해 상반기 글로벌 IPO 시장 1위는 홍콩거래소가 차지했다. 홍콩거래소는 조달금액 139억달러로 나스닥(92억달러), 뉴욕증권거래소(78억달러)를 따돌렸다. 상하이증권거래소도 45억달러로 4위를 차지하는 등 중국과 홍콩거래소가 상당한 비중을 기록했다. 작년만 해도 활황세를 누리던 인도가 1위를 차지하고 나스닥이 2위를 차지했는데, 올해 홍콩거래소가 약진한 것이다.

    ... 더 보기

    나스닥 제친 홍콩, 글로벌 IPO 1위 차지한 비결 [차이나는 중국] - 머니투데이

    머니투데이

    나스닥 제친 홍콩, 글로벌 IPO 1위 차지한 비결 [차이나는 중국] - 머니투데이

    조회 191


    내가 진심으로 창업가이자 사업가로 리스펙트하고 사업피봇팅시 직접 엔젤투자를 한 홀릭스 박태영 대표가 동국대학교 캠퍼스타운이 IT동아와 함께 ‘2025년 스케일업 프로그램’에서 우리 회사가 사업 분석 컨설팅을 맡았던 포플러플래닛의 전문가 컨설팅을 맡아 진행했다. 포플러플래닛 대표님께 많은 도움이 되었을거라 믿는다.

    ... 더 보기

    [스케일업] 포플러플래닛 [1] 홀릭스 “큰 시장만 좇지 말고 브랜드 강점 내세워 돌파해야”

    동아일보

    [스케일업] 포플러플래닛 [1] 홀릭스 “큰 시장만 좇지 말고 브랜드 강점 내세워 돌파해야”

    < ‘기회’는 늘 ‘문제’로 가장해서 나타난다 >

    1. 문제를 일으킬 때 했던 것과 같은 생각으로는 문제를 해결할 수 없다.

    ... 더 보기

    대단한 사람

    

    ... 더 보기


    < 진보는 조용히 오고, 파괴는 시끄럽게 온다 >

    1. 문제는 고쳐지고 사람들은 적응한다. 위협이 크면 해결책이 나올 동인도 똑같이 커진다.

    ... 더 보기