src/components/Main.jsx

@@ -18,9 +18,8 @@ import Config from '@/config/config.export'
 
 export default function MainPage() {
   const [sessionState, setSessionState] = useRecoilState(sessionStore)
-  const [changePasswordPopOpen, setChangePasswordPopOpen] = useState(false)
-  // 데이터 확인 완료 여부 상태 추가
-  const [isSessionLoaded, setIsSessionLoaded] = useState(false)
+  const [chagePasswordPopOpen, setChagePasswordPopOpen] = useState(false)
+
   const router = useRouter()
   const { getMessage } = useMessage()
 
@@ -53,14 +52,6 @@ export default function MainPage() {
     }
   }
 
-  useEffect(() => {
-    if (isObjectNotEmpty(sessionState)) {
-      if (sessionState?.pwdInitYn !== 'Y') {
-        setChangePasswordPopOpen(true)
-      }
-    }
-  }, [sessionState])
-
   // 라디오 변경 이벤트
   const handleOnChangeRadio = (e) => {
     setSearchRadioType(e.target.value)
@@ -86,7 +77,7 @@ export default function MainPage() {
   useEffect(() => {
     if (isObjectNotEmpty(sessionState)) {
       if (sessionState?.pwdInitYn !== 'Y') {
-        setChangePasswordPopOpen(true)
+        setChagePasswordPopOpen(true)
       }
     }
   }, [sessionState])
@@ -95,25 +86,10 @@ export default function MainPage() {
   const [open, setOpen] = useState(false)
   const [modalNoticeNo, setModalNoticeNo] = useState('')
 
-  useEffect(() => {
-    if (isObjectNotEmpty(sessionState)) {
-      if (sessionState?.pwdInitYn !== 'Y') {
-        setChangePasswordPopOpen(true)
-      } else {
-        // pwdInitYn이 'Y'라면 팝업을 닫음 (false)
-        setChangePasswordPopOpen(false)
-      }
-    }
-  }, [sessionState])
-
-  //if (!isSessionLoaded) return null
-
   return (
     <>
       {open && <BoardDetailModal noticeNo={modalNoticeNo} setOpen={setOpen} />}
-      {changePasswordPopOpen ? (
-        <ChangePasswordPop setChangePasswordPopOpen={setChangePasswordPopOpen} />
-      ) : (
+      {(!chagePasswordPopOpen && (
         <>
           <div className="background-bord"></div>
           <div className="main-contents">
@@ -155,8 +131,11 @@ export default function MainPage() {
             <MainContents setFaqOpen={setOpen} setFaqModalNoticeNo={setModalNoticeNo} />
           </div>
         </>
+      )) || (
+        <>
+          <ChangePasswordPop setChagePasswordPopOpen={setChagePasswordPopOpen} />
+        </>
       )}
-
     </>
   )
 }

src/components/main/ChangePasswordPop.jsx

@@ -114,7 +114,7 @@ export default function ChangePasswordPop(props) {
                 const result = { ...sessionState, pwdInitYn: 'Y' }
                 setSession(result)
                 setSessionState(result)
-                props.setChangePasswordPopOpen(false)
+                props.setChagePasswordPopOpen(false)
                 await login()
               },
             })